top logo and burgermenu disappear on Ipad in portrait and iphone x in landscape

Hey carstenstrandvad,

Thank you for using Enfold.

Where can we see the issue? The mobile/burger menu is visible on the home page. It has a transparent header.

Best regards,
Ismael

Hi,

top of the picture there is a white bar instead of the picture who was supposed to go all the way to the top.

That is actually how it’s supposed to display because header transparency is disabled on mobile view by default. The logo and the burger menu is not visible because they have the same color as the header. We can change the background color of the header on mobile view or you can upload a different logo for a non-transparent header and for the transparent header.

If you want to use a different logo for mobile view, please go to the Enfold > Header > Transparency Options panel, set a logo with a different color and adjust the menu color. That is going to be your logo and menu color for transparent header. You will also need to adjust the default color of the menu item in the General Styling > Logo Area panel and that will be the color that you’ll see on mobile view.

Add this code on the Quick CSS field if you want to change the header background on mobile view.

@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background-color: red;
    border-color: #e1e1e1;
}
}

Adjust the color values you wish.

Best regards,
Ismael

Hi,

Thanks for the update.

We’ve added this css code on the Quick CSS field to keep the transparency on smaller screens, specifically on tablet or iPad view.

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: fixed;
}
}

Best regards,
Ismael