Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #10042642

    I tried to create a new sub menu based on the nav-pills main menu. This is the blue menu that starts with “Show All”. I am trying to get the smaller menu items to align left like the nav-pills dropdown menu. But they stay horizontal instead of vertical. It should look like this:

    Baking Cups
    Bake and Serve
    Retail Packaging

    I created the code in the custom.css file.

    Can you give me some direction to make this work?



    Unfortunately we don’t have an example with filters and items with dropdown menu, but you can make a similar one using Bootstrap base navs.

    I can see that you’re using an old version with Bootstrap 3, so the code is like this:

    <ul class="nav nav-pills">
          <li role="presentation" class="active"><a href="#">Home</a></li>
          <li role="presentation"><a href="#">Help</a></li>
          <li role="presentation" class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
              Dropdown <span class="caret"></span>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Separated link</a></li>


    Thanks for getting back to me. The code you sent was not what I was looking for. I am trying to get the sub menu to line up vertically beneath the top line menu items. Here is an older version of the page the shows what I would like it to look like:

    All the menu items need to visible and contained in a drop down Right now I am only able to get the sub menu to be horizontal and not the vertical orientation that we are looking for.

    The working page is:

    Thanks again for your help.

    This reply has been marked as private.
Viewing 4 posts - 1 through 4 (of 4 total)