Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 23, 2016 at 12:45 am #587501
    steve3434

    I’m a first time complainer, but long time user of Enfold.

    Having problem with menu overlapping and not going into Mobile Menu mode on iphone and ipad.

    I have set my width to 1280px. Not sure if this is a problem.
    I have turned on “Activate for smartphones and tablets”
    I have turned on “Hide mobile menu submenu items”

    I have added this css to Quick CSS:
    @media only screen and (max-width: 1100px) {
    .av-main-nav > li > a { padding: 0 7px; }
    }

    Still no worky worky

    Thanks Steve

    February 25, 2016 at 9:51 am #588837
    Ismael

    Hi steve3434!

    Thank you for using Enfold.

    Do both devices have retina displays? If yes, add this in the Quick CSS field:

    @media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
.responsive #advanced_menu_toggle, .responsive #advanced_menu_hide {
display: block;
}

.responsive .main_menu {
display: none;
}

.responsive #mobile-advanced {
display: block;
}}

    Remove browser cache or hard refresh the page.

    Best regards,
    Ismael

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