Centering Menu Navigation with Logo

[alquadrat]

Hi,
is there any chance to have the menu Navigation centered (Middle) with Logo.
I attach image of what I want.
Thanks lot!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Try adding this to your custom css:

#main-navigation ul.menu {
  text-align: center;
}
#main-nav .span9 {
  width: 100%;
}

– Kyle

[alquadrat]

Hi Kyle!
Thanks so much for your fast reply!
It works, but the search form, goes down the menu, I attach image so you can see!
Thanks!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Nothing we can do about that, you will need to disable the header search in the header options

The menu bar needs to be 100% for it to be centred

– Kyle

[gflwrg]

If anyone is still after a solution for this, add the following code to your custom css:

/* nav position   */
.header-1 #main-navigation ul.menu {
    text-align: center;
    position: static;
    display: inline-block !important;
    width: 130% !important;
}

Notice the section “width: 130% !important;” – change the width according to how it suits your site. It works for me, might work for you too. You can even make your nav text bold by adding the following;

font-weight: bold;

Discovered all this after a good play around with custom css.

[Rui Guerreiro – SUPPORT]

@mknightclothing

Thanks for sharing your solution.

-Rui