Mobile navigation turns into black and the links are centered

Hey rixi,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi,

What colors do you need them to be switched to?

Best regards,
Jordan Shannon

Hi rixi,

Try adding this CSS code in Quick CSS, located in Enfold > General Styling:

.responsive #top #header_main > .container .main_menu .av-main-nav .av-burger-menu-main .av-js-hamburger {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background: #307ecc;
}

.responsive #top #header_main > .container .main_menu .av-main-nav .av-burger-menu-main .av-js-hamburger.is-active {
    background-color: #1c4a7b;
}

.responsive #top #header_main .av-hamburger-inner, 
.responsive #top #header_main .av-hamburger-inner:before, 
.responsive #top #header_main .av-hamburger-inner:after {
    background-color: white;
}

Best regards,
Nikko

Hi rixi,

Can you try to Disable CSS file merging and compression in Enfold > Performance?
Let us know if this helps.

Best regards,
Nikko

Hi rixi,

I tried to login to the site using the credentials you gave just to test a few things but it doesn’t seem to work, please check.

Best regards,
Nikko

Hi rixi,

Thanks for giving us admin access. I think I tried to login in the wrong link (private content).
There are 3 things I’ve done.
1. Go to Enfold > Advanced Styling > selected Menu Links in overlay / slide out set the Font Color, Overlay and Menu Background.
2. Go to Enfold > Performance > Disable CSS file merging and compression
3. Commented out this code which prevents the submenu link set in #1 to properly work:

#top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .sub-menu a {
    color: #456DEF;
}

After a day or two, you can re-enable CSS file merging and compression.

Best regards,
Nikko

Hi rixi,

Yes :)
Let us know if you need further assistance.

Best regards,
Nikko