No Burger Menu and Repeated Background Image After 4.1.2 Enfold Update

Enfold Team,

Can you please review the issues 1,2,3 I listed above? I am still running Enfold 4.1.2 with errors on a live site..
Is versison 4.1.3 coming soon? It seems many users are not getting the burger menu on iPhones.
Thank you.

Hi Mike,

My issue has nothing to do with Mega Menu.
My issue and it seems like other Enfold 4.1.2 users like @erikstorm_no is that there is simply NO MENU on iPhones or Android phones.
Can you please post a notice: “NO MENU on iOS and Android Mobiles with Enfold 4.1.2” and fix it to the top of the support forum to let everyone know?
Unfortunately, I am going to revert to Enfold 4.0.7 until you can fix all the problems with 4.1.2.
Can you please update to LayerSlider 6.5.5 when you release Enfold 4.1.3?

Thank you.

• This reply was modified 7 years, 5 months ago by classywebsites.

Hi Ismael,

I have once again updated to Enfold 4.1.2 and there is NO menu on mobile.
Can you please check my Quick CSS code (Enfold provided months ago) with the private login details below?
This item has been open since July 18, 2017.
Thank you.

Can you please check my Quick CSS code (Enfold provided months ago) with the private login details below?
Enfold 4.1.2 works fine on on desktop and iPad, but NO mobile menu. My Quick CSS is:
div#header_main_alternate > .container {
height: 45px !important;
}

@media only screen and (max-width: 767px) {
.header_color .header_bg {
background: #ffffff url(//www.skloff.com/wp-content/uploads/2013/10/skyline-header1.jpg) top center repeat scroll;
}
}

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 4px;
font-size: 11px!important;
}}

@media only screen and (max-width: 768px) {
.phone-info {margin:0 !important}
}

#mobile-advanced li > a:before {
top:3px}
#mobile-advanced a {padding:3px 28px !important}
#top #mobile-advanced .visible_sublist {margin:0 0 0 20px}
.avia_mobile .avia-icon-pos-left {margin:-0.6em .5em 0 0}

I have seen Moderator Yigit recommend this Quick CSS to others for Enfold 4.1.2 with the same problem, but it does not display the mobile menu and magnify glass correctly on my website on mobile devices:
@media only screen and (max-width: 767px) {
.responsive #header_main_alternate {
display: block;
}}

Can you please let me know what Quick CSS has to be replaced to get the mobile menu and magnify glass to show on the upper right hand corner in the header?
Can you please test your suggestion on desktop, iPad and iPhone so all render correctly?
Thank you!

• This reply was modified 7 years, 4 months ago by classywebsites.

Hi,
I replaced the child theme header.php and now have the mobile menu and mobile search magnify glass!
But:
1. the mobile menu has a thin blue line above it and is beneath the header and inside the LayerSlider instead of on inside of the header on the right.
2. the mobile search magnify glass has a thin blue line above it.

Can you please help me get the mobile menu and mobile magnify glass in the header without the blue lines?
Can you please test your suggestion on desktop, iPad and iPhone so all render correctly?
Thank you!

Hi,
Thank for trying. Unfortunately, that Quick CSS did not move the mobile menu and mobile magnify glass into the header, it is still beneath the header and inside the LayerSlider. It looks liek the blue line is gone from thw mobile magnify glass, but there still seems to be a small blue line above the mobile menu (just under the logo). Please see:
http://www.skloff.com/sfg-mobile-080417.jpg

This is how the menu was on Enfold 4.0.7:
http://www.skloff.com/sfg-mobile-071017.jpg

Can you please help me get the mobile menu and mobile magnify glass in the header like it was on Enfold 4.0.7?
Can you please test your suggestion on desktop, iPad and iPhone so all render correctly?
This is good site to test different devices, including iPhone 6/7 Plus:
http://quirktools.com/screenfly/

Thank you!