Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 25, 2015 at 12:19 am #508725
    jesseaborden

    Hello!

    First of all, great theme! My team and I love it.

    My menu is running into my logo when I am transitioning to a smaller window, so I would like the menu to break into the mobile menu sooner. Can you point me in the right direction to accomplish this? I would like it to break at 950px. Thanks you!

    September 25, 2015 at 11:20 am #508914
    Rikard

    Hi jesseaborden,

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

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

    Regards,
    Rikard

    September 25, 2015 at 11:02 pm #509296
    jesseaborden

    Thanks for your reply. It seems now the menu dropdown is not working. Also, the menu button does not have the white background layer. Thanks again for your help!

    • This reply was modified 9 years, 2 months ago by jesseaborden.
    September 26, 2015 at 2:09 pm #509501
    Josue

    Hi!

    Try with this code instead:

    @media only screen and (max-width: 989px) {
.main_menu, #header_main_alternate{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
#mobile-advanced{display:block;}
}

    Cheers!
    Josue

    September 26, 2015 at 11:50 pm #509603
    jesseaborden

    That looks like it did it! Thanks!

    September 27, 2015 at 12:12 am #509610
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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