Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 7, 2018 at 1:21 pm #1030847
    Jan

    Is there a way to display the submenu items (2nd level of the main menu) in a 2nd line below(!) the main menu items – not only on mouse over but permanently?

    I can’t use the secondary menu which is displayed in a small line above logo/main menu, because it doesn’t depend on the selected main menu item. And I can’t use the full width submenu feature because these menu items are not integrated in the mobile menu.

    Can I solve this by CSS or PHP changes (child theme)? Or can you recommend a plugin which works well with Enfold? Thank you!

    November 10, 2018 at 8:27 pm #1032084
    Mike

    Hey Jan,
    Sorry for the late reply, perhaps one way to create this effect would be to add many more items to your menu so that it wraps into two lines, then set the css to reduce the line height of the menu items so to fit into the header. Here’s a quick example I did:
    2018-11-10-132254
    This is the css I used:

    #avia-menu {
width: 900px !important;
}
li.menu-item,li.menu-item a {
height: 45px !important; 
line-height:45px !important; 
}

    This could still use some fine tuning, but it’s a good base for you to work with.

    Best regards,
    Mike

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