Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 21, 2015 at 11:38 am #462314
    databuzz

    I was just testing my site on an iPad and noticed that the menu bar is being covered by the logo in the top left hand corner – you can see this for yourself by visiting my site below on an iPad or adjusting the browser window size to reflect an iPad.

    Is there a way to have the logo shrink to not cover up the first few menu options on the iPad?

    June 22, 2015 at 12:19 pm #462645
    Yigit

    Hey databuzz!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1180px) and (min-width: 990px) {
.av-main-nav > li > a {
  padding: 0 6px;
}
.logo * { max-width: 80%; }}

    Also, please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.