Viewing 2 posts - 1 through 2 (of 2 total)
-
Posts
-
Hello, two questions:
- 1) I have a problem with the logo element on my theme. When I shrink the viewport a little bit, the menu overlaps the logo. Once I shrink it enough, the menu wraps to the next line which is what I want it to do instead of overlapping.
- 2) How can I make the menu not appear on mobile devices, so only the mobile friendly menu button is displayed. Right now I have both and it is really redundant.
Thanks!
-NateHey tnscnate!
Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
If that does not help, please add following code to Quick CSS in Enfold theme options under General Styling tab@media only screen and (max-width: 990px) { nav.main_menu { display: none !important; }} @media only screen and (max-width: 1200px) and (min-width: 990px) { .av-main-nav > li > a { padding: 0 6px; } .logo * { max-width: 70%; top: 10px; } #header_main>.container { padding: 0 10px; }}Regards,
Yigit
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.