Hi,
i’ve selected mobile menu for smartphones and tablets. If i change screen size it will switch to the mobile nav but the nav icon is invisible (just the frame, not the 3 lines) How can i give this nag icon another color?
Thank you for helping!
Hey Luisgasser,
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
Rikard
Navigation would be to long, so i use mobile nav for smartphones and tablets. But the tablet menu is invisible.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#advanced_menu_toggle, #advanced_menu_hide {
color: orange !important;
border-color: orange !important;
background-color: #e2e2e2 !important;
}
Then see – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Cheers!
Yigit
hello,
thank you for helping.
If i change the color, it shows only on smartphones, but not on tablet landscape.
#advanced_menu_toggle, #advanced_menu_hide {
color: orange !important;
border-color: orange !important;
background-color: #e2e2e2 !important;
}
Hey!
Please replace the code with this:
#advanced_menu_toggle, #advanced_menu_hide {
background-color: #ffffff !important;
color: #333333 !important;
border-color: #e1e1e1 !important;
}
Regards,
Ismael
hi, thank you it works just on hover – before i have just the border without the symbol inside
Hi,
This should change the colour:
#advanced_menu_toggle {
color: grey !important;
}
And this should display the mobile menu for tablet size and down:
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Thanks,
Rikard