Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 19, 2015 at 6:31 pm #399128
    stephenlevin

    Hi,

    I’m using the Secondary menu. And I have responsive enabled. By default the secondary menu appears in the header in the responsive layout and the menu button shows the main menu items.

    Instead what I would like to do is continue to use the Secondary menu for when the site is viewed on desktop computers. But, when the viewport gets small, instead of showing the secondary menu, I want to hide it and incorporate the links into the responsive menu (ideally below the main menu links).

    Is this doable?

    Thanks!
    Steve

    February 19, 2015 at 7:50 pm #399208
    Elliott

    Hey stephenlevin!

    Add this to your custom CSS to hide the secondary menu on mobiles.

    @media only screen and (max-width: 767px) {
#header_meta .sub_menu { display: none !important; }
}

    “Incorporating it into the responsive menu” is going to be difficult though. You can try doing this instead, http://kriesi.at/documentation/enfold/changing-the-menu-on-mobiles/, to change the mobile menu to something else.

    Cheers!
    Elliott

    April 15, 2015 at 2:41 am #428618
    stephenlevin

    Worked – thanks!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Use Secondary Menu on desktop but hide and include sections in responsive menu’ is closed to new replies.