Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26486

    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.

    #130577

    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

    #130578

    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?

    #130579

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

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.