Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 28, 2017 at 2:47 am #784268
    haydaw

    I am using the left-menu header, so most of the header options are greyed out. One that I would like to use is having the sub menus open as toggles rather than open by default. With the custom design I am using, it is causing the menu to be very long.

    You can see an example if you view this page on mobile, if you click the menu you will see a few large text items (top menu items) and smaller text items (sub menu items). I Would like for sub menus on mobile to all be toggle. Any way to achieve this?

    Oakland Hills 1

    April 28, 2017 at 5:50 am #784286
    Nikko

    Hey haydaw,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #mobile-advanced ul.sub-menu {
    display: none;
  }

  #mobile-advanced li:hover ul.sub-menu {
    display: block;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.