Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 31, 2016 at 2:34 pm #640932
    knwtech

    Hi,

    I have a few clients using Enfold and it is working well! For one client in particular, I need to change the breakpoint for the Header Mobile Menu so it triggers at a screen width of 1470px (this is to prevent a large main menu from ever overlapping the logo).

    I reviewed several Support Forum threads and in some the recommendation is to purely use CSS and in others there is a recommendation to edit the js/avia.js file. Given that there have been a lot of updates with the roll-out of WordPress 4.5, what is currently the best way to change the breakpoint so the Header Mobile Menu is activated much earlier? Thank you!

    ~ Kelli

    June 1, 2016 at 6:36 am #641251
    Rikard

    Hi Kelli,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 1470px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

    Regards,
    Rikard

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