Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 15, 2016 at 6:52 pm #699392
    nancyT

    In Enfold theme options, I have set the header menu activation to “activate for smartphone snd tablets (browser width below 990)”.

    This means my menu overlaps on iPad landscape mode where width is 1024.

    How can I set the breakpoint so that the mobile menu will appear at 1024 and below?

    Thanks,
    Nancy

    • This topic was modified 7 years, 6 months ago by nancyT.
    October 17, 2016 at 7:32 am #699803
    Rikard

    Hi nancyT,

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

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

    Thanks,
    Rikard

    October 17, 2016 at 8:52 pm #700237
    nancyT

    Thanks, worked perfectly.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Breakpoint for mobile menu’ is closed to new replies.