Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 16, 2016 at 4:01 am #648939
    xuamox

    Hi,

    What is the best (and correct) way to force the Enfold theme to switch to mobile (hamburger icon menu) at 1024?

    I find that several of my designs have seven or so menu items, and all of them mess up when you look at them on an iPad in landscape mode. The menu items end up hovering over the logo (logo left mode). Landscape on iPad is a popular way to view sites, especially when users have a
    keyboard attached to the iPad, so I would like to implement a fix.

    Thanks for your help

    June 17, 2016 at 5:23 am #649559
    Ismael

    Hey xuamox!

    Thank you for using Enfold.

    Add this in the Quick CSS field:

    @media only screen and (max-width: 1024px) {
.responsive #advanced_menu_toggle, .responsive #advanced_menu_hide {
display: block;
}

.responsive .main_menu {
display: none;
}

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

    Best regards,
    Ismael

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