Hi,
I have quite a few menu items and when the website is viewed on smaller screens the menu is overlapping over the logo.
Is there an easy fix for this? Or do I need to remove my navigation items?
Site is http://www.singletonmoms.org.
Thanks
Ginnie
Hi DGRComms!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 1140px) {
.av-main-nav > li > a {
padding: 0 7px; }}
Then go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px
Best regards,
Yigit
Thank you, that worked great!