Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #508725

    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!

    #508914

    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

    #509296

    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, 1 month ago by jesseaborden.
    #509501

    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

    #509603

    That looks like it did it! Thanks!

    #509610

    You are welcome, glad to help :)

    Regards,
    Josue

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