Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 2, 2022 at 10:49 pm #1371153
    nancy2434

    I used this css to successfully hide the main menu and only show the hamburger, however it also hides the socket menu.

    #avia-menu > li, .menu-item {
    display: none !important;
    }
    #avia-menu .av-burger-menu-main, .home #avia-menu .menu-item-search-dropdown {
    display: block!important;
    }

    November 3, 2022 at 4:29 am #1371177
    Ismael

    Hey Nancy,

    Thank you for the inquiry.

    We adjusted the css code a bit. Please try it again.

    #header #avia-menu>li, #header .menu-item {
  display: none !important;
}

#avia-menu .av-burger-menu-main, .home #avia-menu .menu-item-search-dropdown {
  display: block !important;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    November 3, 2022 at 7:10 pm #1371272
    nancy2434

    The new CSS successfully hides top menu and display socket menu (THANKS!)
    however, the burger disappeared….

    November 4, 2022 at 11:24 am #1371323
    Yigit

    Hi,

    I commented out your custom CSS code in Appearance > Customize > Additional CSS, then went to Enfold theme options > Main Menu > General and chose to display menu as icon in “Menu Items For Desktop”.

    Please review your website :)

    Regards,
    Yigit

    November 7, 2022 at 9:42 pm #1371701
    nancy2434

    fabuloso. thanks!

    November 7, 2022 at 9:49 pm #1371703
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘hiding menu to allow for ONLY hamburger ALSO hide socket menu.’ is closed to new replies.