How to show full Nav menu (show sub-menu items) to make typical footer navigation?

kyle-gs · June 19, 2023, 9:34pm

Is there a Bricks method to show a full menu (created in the Wordpress menu builder) with the sub-menu items listed below the top-level items in a typical ‘footer menu’ layout?

I would think this would be a simple toggle in the interface, but I am not finding it. Currently I use this custom SASS css to handle this layout:

.menu-show-all {
  .bricks-nav-menu {
    > li {
      flex-basis: 100%;
    }
  }
  .sub-menu {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    top: 0;
    background: transparent;
    li {
      a {
        font-size: 0.8em;
        padding: 1rem 0;
        display: block;
        white-space: normal;
        line-height: 1.4;
      }
    }
  }
}

Example of this layout from https://bricksbuilder.io/