Centre Navigation Items

Trying to set navigation items centre/bottom.

Currently have the menu set as here: https://gyazo.com/0821a4c451684788e42967246df7a291
However when I set menu to be centre this centres the logo as well.

Is there a way to just centre the nav items and not the logo, keeping that left aligned with the text/social items bock to the right.

Hope that makes some sense again.

Site link here: http://cartmelluxurycottages.co.uk/

Hi Darron,

The center navigation option centers both the nav and logo. Therefore, if you want to use Nav Bottom and have the nav centered, you will need to use CSS.

Try the following and see if this resolves your issue.

.fl-page-header .navbar-nav {
  float: none;
  text-align: center;
.fl-page-header .navbar-nav > li {
  display: inline-block;
  float: none;


That worked perfectly Danny!!

Many thanks fella


No problem, Darron.

Happy to help and thanks for informing us the issue has been resolved.