Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 2, 2017 at 10:50 pm #871867
    Andrius

    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 7 years, 1 month ago by Andrius.
    November 3, 2017 at 11:55 am #872104
    Rikard

    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

    November 3, 2017 at 4:34 pm #872217
    Andrius

    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/ ?

    November 6, 2017 at 4:31 pm #873135
    Yigit

    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

    November 6, 2017 at 4:35 pm #873141
    Andrius

    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.

    November 6, 2017 at 5:32 pm #873207
    Andrius

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

    November 6, 2017 at 5:50 pm #873221
    Yigit

    Hi,

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

    Best regards,
    Yigit

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