Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #871867


    is there a way to show the secondary menu (along with the primary one) only on mobile? On Desktop I’m happy with only with the primary menu, but on mobile, for quick access, I’d like to show both.

    Also, is there a way to show Social Media icons in the mobile menu? Would be great.

    • This topic was modified 6 years, 8 months ago by Andrius.

    Hey mazeika,

    Please try the following in Quick CSS under Enfold->General Styling to hide sub menu items for desktop:

    @media only screen and (max-width: 990px) {
    #header .sub-menu {

    Best regards,


    Hi @Rikard, unfortunately this doesn’t seem to work. I’ve added the code to ‘Quick CSS’ yet I see no effect. Could you please have a look at ?


    Sveiki! :)

    Please make sure that you have created your secondary menu in Appearance > Menus and then go to Enfold theme options > Header > Extra Elements and choose to display your menu on top bar and then add following code to Quick CSS

    @media only screen and (min-width: 990px) { 
    #header_meta { display: none !important; }}



    Hi Yigit, I got slightly mixed up in terminology. What I want is to hide the 2nd level primary menu items on desktop and show them on mobile.


    Hi Yigit, I managed to fix it with your code snippet. Just had to change the class. Thanks!



    Glad you figured it out! Let us know if you have any other questions or issues fellow Vilniusian :)

    Best regards,

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Show secondary menu only on mobile’ is closed to new replies.