enfold mobile menu is not displaying

Hi,
Try this code in the General Styling > Quick CSS field:

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #7d787b!important; 
}

Please adjust the color to suit.

Best regards,
Mike

Hi ccpwebteam,

Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

Best regards,
Rikard

Hi,
The email address for the login is not correct, please check.
The removing of the code may have not worked for you due to caching.

Best regards,
Mike

Hi,

@ccpwebteam I used the Chrome developer tools in my browser, on your enfold_child.css, please try looking for the code in your stylesheet and comment it out or remove it to test.

@KunaCustoms glad to hear.

Best regards,
Mike

Hi,
Please try rebuilding your merged styles, to do this, please go to Enfold Theme Options > General Styling > Quick CSS field and enter a blank space in the Quick CSS to enable the “Save all changes” button, then save.
If this doesn’t help, Can you please include a admin login in the private content area so we can take a closer look, the login posted earlier didn’t work for me.

Best regards,
Mike

Hi,

@Oceans247 Please open a new thread so we can assist, and include your admin login in the Private Content area, but as this is not your thread your login info will not be private.
Also please temporary disable any cache plugin while we are assisting with this issue.
I also see that you have a jQuery error in “app.bundle.js” I don’t believe this is the cause, but you may wish to look at this because it could cause unexpected errors elsewhere. “app.bundle.js” is not a part of Enfold so I assume it is a custom script?

Best regards,
Mike

Hi,
I found in your child theme style.css you had this css hiding the mobile menu:

@media only screen and (max-width:989px) {.main_menu .avia-menu,#header_main_alternate,.fallback_menu {display:none;}
.container #advanced_menu_toggle,#advanced_menu_hide {display:block;}
.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle {left:auto;}
	.responsive #header .main_menu .social_bookmarks {display:none;}}

and in your Quick CSS you also had this css:

.avia-menu { display: none !important; }

I commented both rules out so the mobile menu now works.
Please clear your browser cache and check.

Best regards,
Mike