Hi,
When I test the site on an iPad, the main navigation gets hidden in the logo area. It seems that in between the regular desk top size and the mobile size, there isn’t any proper re-sizing. Can you please advise as to how I might fix this?
Thanks!
Justine
Hey Justine!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1040px) {
.av-main-nav > li > a {
padding: 0 9px;
}}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field
And then, Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
Cheers!
Yigit