Footer menu with submenu items

BB Theme
1

Hello Everyone,

I’m trying to make all the menu items show in the footer menu. Only the top item in a custom menu shows up. How do I make the sub menu items show up?

Thanks for any ideas,
Rick

2

Hey Rick,

Thanks for getting in touch! Actually, what you can do is you can setup a different menu for your footer. And on that menu, you can set it up in a way that all items are top level items, getting rid of the sub menus.

Hope this helps!

Ben

3

Hi Ben,

Thanks for you help! What I’d like is multiple vertical columns of menu items. The top level at the top and sub items under those. If I make them all top level then it just spreads them all across the available horizontal space. skimonarch.com/cms

Sorry I’m not sure why I’m missing this one. Seems like there should be an easy solution.

Rick

4

Hey Rick,

I think I get what you are trying to do. And the only way to achieve it is via custom CSS as this is more of a styling issue. The preset you are using hides the submenu so we need to override that first. These CSS snippets should make the submenu items visible, and make the top level menus align to each other. But you’ll notice it still needs to be styled to make it look better.

footer .fl-page-footer-nav ul.sub-menu {
  display: block;
}
.fl-page-footer-nav > li {
 vertical-align: top;
}

Hope this helps!

Ben

5

Thanks, Ben!

I think I can work with that. I totally appreciate your help.

Rick

6

Hey Rick,

No worries! Let us know if you need anything further!

Ben

7

Hi Ben,

I’m pretty new to CSS styling. I’ve been trying to figure out how to make the list not be bulleted. I almost got it though. :slight_smile:

Thanks much for your help,
Rick

8

Hey I found it! (That often happens right after I ask someone.)

footer .fl-page-footer-nav ul.sub-menu {
list-style: none;
}

Thanks!
Rick

9

Hey Rick,

Awesome! I usually check this site if I need a refresher on CSS properties.

Hope this helps!

Ben