Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 19, 2013 at 7:04 pm #26486
    skosmer

    I inserted a logo at exactly the same size as the one that came with the theme.

    Everything is ok on a phone or in a browser, but on the iPad the menu goes under the logo.

    I saw a few posts with something about avia.js and adding code to style.css.

    Can you help me to fix this? What code in what files?

    Thanks so much for all your help. You guys have really good support.

    July 20, 2013 at 11:24 am #130577
    Ismael

    Hi,

    You can decrease the font size and the padding of the menus before they switch to slide or dropdown. Add this on your custom.css or Quick CSS

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    
.responsive .main_menu ul:first-child>li>a {
    
padding: 0 7px;
    
font-size: 11px;
    
}
    
}

    Regards,

    Ismael

    July 21, 2013 at 3:29 am #130578
    skosmer

    it is not changing anything. I had to add another item to the menu and it is even worse.

    anyway to make the menu items wrap or have them go under the logo? or make it switch to the dropdown menu?

    July 21, 2013 at 6:56 am #130579
    skosmer

    I just used the other header configuration. It works now. Thx.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu flows under Logo on iPad – How to fix’ is closed to new replies.