Tagged: custom menu, horizontal alignment, links inline
Dear Kriesis,
I need several submenus on different pages, e.g. an A to Z menu, placed in the content. ALB element “full width submenu” does not fit unfortunately because it kills the sidebar. I need something like that but wraped in a column. I tried to add a navigation menu in a widget area but the menu items are always displayed block=vertically. How to display the items and links inline=horizontal? Do I need a new class for these menus?
Best regards
Anne
Hey annevoelkel,
Thank you for the inquiry.
You can use this css code to align the widget menu items horizontally.
#top .widget_nav_menu li {
display: inline-block;
}
#top .widget_nav_menu ul {
margin-left: 0;
line-height: 1.75em;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
Ismael
Hi Ismael,
it works! I had to add “display: block;” to my footer navigation to display this menu vertically.
You can close the topic.
Best regards
Anne
Hi Anne,
I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko