Hello,

I added this code into your custom css box to reduce and reposition the logo in mobile:

@media (max-width: 480px){
#logo img {
    max-height: 38px;
    margin-left: 37px;
}}

Change the values to your wish.

-Please make sure to have set up a height for the slider for it to show up correctly in mobile. Go to page’s General Settings > Slider Options > Slider height.

Let us know.

Best regards!

Hello,

I checked your site again and i don’t see any of the changes suggested in the last reply. Please make these changes first. Then send us some valid wp credentials in a private reply. So i can check the result and help you out from there on.

Best regards!

Hello,

1-Yes, the code was to move the logo around and edit it’s height in order for it to not be above the hamburger menu anymore. If you want to move the menu too, then the hamburger menu css class must be added as well.
This is the basic css:

@media (max-width: 480px){
#logo img {
    max-height: 38px;
    margin-left: 37px;
}
.mobile_small_menu {
    margin-top: -27px !important;
    margin-left: -20px !important;
}
}

Add css attributes and change the values to your wish, until you have the layout you want.

2-I edited the previous code to this:

@media (max-width: 480px){
#logo img {
    max-height: 30px;
    margin-left: 15px;
}
.codeless_slider .swiper-slide .content.vertical_centered {
    margin-left: 0px !important;
}
.codeless_slider_swiper {
    height: 480px !important;
    min-height: 480px !important;
}
.boxed_layout .codeless_slider{
    height: 480px !important;
    min-height: 480px !important;
}
}

This is the result screenshot: https://postimg.org/image/qs21e2pcl/
I move the screen around, it did not resize anymore.

3-The menu has shifted down because the width of header allocated the menu, is not sufficient to keep it. Mostly because the logo is too wide and leaves little space for menu.
You can edit this by reducing the padding between menu items in General Options > Header Options > Menu Options > Menu Items padding.

Let us know.

Best regards!

Hello,

2-I edited out the custom css. Can you please clear cache and refresh page?

3-I already fixed the menu layout the last time. I reduced the logo size and now the menu has enough space to stay in the header. Are you not getting this change? If not, clear cache and refresh page.

Let us know.

Best regards!

Hello,

The mobile menu was not showing because the option to make it show in first place, was off. I set it on again. The option is General Options > Header Options > Show Responsive Menu Dropdown.

-Can you please try to deactivate the third party plugins and try again? There is something else triggering the content to go up after the first action (tap/scroll) in the page. clear cache and try again with all third party plugins deactivated.
Let us know how it goes.

Best regards!