Header Menu

  • cefd1

    #48416

    Can the Header Menu be set to adjust to the width of the page ? I have 8 pages set to the menu, but it doesn’t evenly spread across my page width. It shows a blank tab at the end. http://www.buchananvalleyfd.org

    Admin

    Syahir Hakim

    #48434

    Copy and paste this code into Additional CSS:

    #header-menu {
       display: flex;
       float: none;
    }
    .navbar-inverse .nav > li {
       flex-grow: 1;
    }
    

    raoz

    #48438

    In mobile view the placement of menus is shifting.

    Admin

    Syahir Hakim

    #48454

    Try this:

    @media (min-width: 992px) {
       #header-menu {
          display: flex;
          float: none;
       }
       .navbar-inverse .nav > li {
          flex-grow: 1;
       }
    }
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.