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

    Hi,

    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.
    #872104

    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 {
      display:none;
    }
    }

    Best regards,
    Rikard

    #872217

    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 http://dev.ritosgeles.lt/ ?

    #873135

    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; }}

    Regards,
    Yigit

    #873141

    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.

    #873207

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

    #873221

    Hi,

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

    Best regards,
    Yigit

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