hi this is a common issue with larger logos. Can we do anything to ensure there is no overlapping off text and logo? So can I initiate a smart phone button menu to prevent this happening ?
https://www.dropbox.com/s/7k8pmgtqah8xthp/Screenshot%202015-03-19%2011.22.15.png?dl=0
Hey codecreative!
Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
Then add following code to Quick CSS
@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
Cheers!
Yigit
Hi Yigit
I just implemented this in the quick css and its failing to work
Hey!
Add this to the Quick CSS field to show the mobile menu earlier:
@media only screen and (max-width: 1200px) {
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block;
}
.responsive .av_mobile_menu_tablet .main_menu {
display: none;
}
.html_mobile_menu_tablet #mobile-advanced {
display: block;
}}
Cheers!
Ismael
Hi
Could have a quick look at http://217.199.187.190/bansteaddentalcare.com/
As you scale down your browser to the point that the smart toggle appears the menu text appears in the far right hand side see screenshot at
https://www.dropbox.com/s/6cas5cqw9y3ox44/Screenshot%202015-04-01%2016.57.34.png?dl=0
If you look carefully at the right you can see it