Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 7, 2018 at 1:52 am #908876
    mterrian

    Hi guys,
    I have looked through several threads about making the hamburger menu the only menu visible, but still my setup won’t behave.

    I have header as “logo left, menu right”

    I have used this code:
    @media only screen and (max-width: 1290px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; color: black; }
    nav.main_menu { display: none; }}

    The hamburger menu is still not visible until I shrink the screen to 990 or below. I would like it visible all the time. How do I need to modify the code above for that to happen?

    Thank you!!

    February 7, 2018 at 6:02 am #908904
    Mike

    Hey mterrian,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 2000px) {
.av-burger-menu-main { 
     display: block!important; 
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
     display: none!important;
}}

    Best regards,
    Mike

    February 7, 2018 at 6:27 am #908910
    mterrian

    Thanks, Mike — you rock.

    February 7, 2018 at 6:37 am #908917
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hamburger menu always the only menu, and always visible’ is closed to new replies.