Center Align Header Menu

BB Theme
1

Hi,

Is it possible to Center Align the Header Menu, I am using Automator Premier theme?

Thanks,

2

Hi Chris! Yes, you can do this from the theme settings. In the Header section look for the Menu panel. The centered option is the one you’ll want. Hope that helps!

3

Hi Robby,

I was trying to do it with css.

Thanks for your help.

Chris

4

Hi Robby,

Setting the menu position to anything other than bottom loses my call to action.

Can I have the menu in bottom position but have the menu centered in the nav bar.

5

Hi,

I have tried this but it does not work for me;
.fl-page-nav .navbar-nav {
float:none;
margin-left: auto;
margin-right:auto;
}

6

Hey Chris! Sorry, it’s been a bit crazy over here and I didn’t have time to respond yet. Can you possibly link me to the page you’re working on? It will be a bit quicker for me to figure out a solution for you that way. Thanks!

7

[Content Hidden]

8

Hmm, that links not working for me. Is it working on your end?

9

[Content Hidden]

10

Hi Chris,

The link is working now. I think this CSS snippet should work for you. You can copy/paste this into the code section (CSS) of the theme settings. Let me know if you have any trouble:

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

Hi Robby,

Thanks for your help with this, much appreciated.
I have updated the css but menu still not centered.
It is being quite stubborn.

12

No prob! Here’s another try:

.fl-page-nav-wrap .navbar-nav {
    text-align: center;
    width: 100%;
}
.fl-page-nav-wrap .navbar-nav > li {
    display: inline-block;
    float: none;
}

I think that will do it :slight_smile:

13

Thanks Robby, you’re the man.

Menu now centered.

14

Excellent! Let us know if you run into any more issues.