XF 2.1 Align navigation bar to center

[Betclever]

Hello,

How do I align the navbar to center plz?

Thx

 

[Nicolas FR]

Hello, try this

.p-nav {
    margin: auto;
}

 

[Betclever]

Hello, try this

.p-nav {
    margin: auto;
}

Thanks but it doesn't work.

 

[AbuGhaith]

Try this

.p-nav-scroller{
    margin: auto; }

 

[Betclever]

Try this

.p-nav-scroller{
    margin: auto; }

Thanks!
May I ask you the same for the sub bar?

 

[AbuGhaith]

Add this

.p-sectionLinks{
    margin: auto; }

 

[Betclever]

Add this

.p-sectionLinks{
    margin: auto; }

You sure about that one? Nothing change even with !important

 

[Nicolas FR]

Thanks but it doesn't work.

It works for me, but do you want to center the menu links or the nav itself ?

 

[Betclever]

It works for me, but do you want to center the menu links or the nav itself ?

Both

 

[Nicolas FR]

The nav itself cannot be centered as it takes 100% of the site width...
for sub-menu you can try this one

.p-sectionLinks-list {
    margin: auto;
}

 

[Betclever]

The nav itself cannot be centered as it takes 100% of the site width...
for sub-menu you can try this one

.p-sectionLinks-list {
    margin: auto;
}

Doesn't work.

 

[Nicolas FR]

Did you already made some custom css in extra.less template ? Because all codes provided by users in this topic works for me in default style.

 

[Betclever]

Did you already made some custom css in extra.less template ? Because all codes provided by users in this topic works for me in default style.

This code: .p-nav-scroller.hScroller {margin: auto;}