Skip to main content

Center the nav menu with Nav Bottom layout

By default, when you choose Nav Bottom header layout, the navigation menu is left-aligned. If you want to center it, you can add the following CSS rules. See the article on where to put CSS code.

.fl-page-nav-bottom {
text-align: center;
}

.fl-page-nav-bottom ul.nav {
float: none;
}

.fl-page-nav-bottom ul.nav > li {
display: inline-block;
float: none;
}

.fl-page-nav-bottom ul.sub-menu {
text-align: left;
}