Tagged: menu width
Hi!
I have a logo that is no longer then 340px. When i resize the window i would like the site to got “mobile” menu before the menu overlaps the logo ?
Website:
http://martentrotzig.se
Thanx!
Hey Paul!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1130px) {
.av-main-nav > li > a { padding: 0 7px; }
div#header_main .container { padding-right: 10px; }}
Best regards,
Yigit
Thanx! I did that but it still seems to overlap before it goes to mobile menu ?
Hejsan!
I do not have a tablet to check your website unfortunately but when i resize browser window, i cannot reproduce overlapping issue. Can you please adjust padding-right value and check if that helps?
Best regards,
Yigit
Had to clear my browser cache i think, seems to work now!
Thanx!
Maybe talked to soon.. ?
I can’t get it to work properly on this site.
If i take the browser window and resize it the menu still overlaps the logo before goin to the mobile menu. I changed the padding right value to the double with no effect. On ipad the menu is overlapping as it fails to go to mobile.
Hi!
Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px
Cheers!
Yigit
Thanx!!