Centering menu

Hi,

I have recently increase the width of my content area to 80% on my website http://www.bde.enscmu.uha.fr/.

The consequence is that my menu moves below my logo. It’s not a problem as I even prefer this position.

But the annoying part is that the menu is not centered and the last item moved down.

What should I do to center the menu without moving the logo that should stay on the left (if possible) ?

Best Regards,
amnesiia

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*center logo and menu*/
#header > div.top-header > div > div > div.col-sm-4.col-xs-8 {
    width: 100%;
  text-align:center;
  margin-left: auto;
    margin-right: auto;
}
#header > div.top-header > div > div > div.col-sm-8.col-xs-4 {
    width: 100%;
}
nav.header-navigation {
    margin-left: 10%;
}

Best Regards,
Support

Hi,

I added the CSS code that you gave me but the menu is now on the right side of the page.

What should I change ?

Regards

Hey there,
I hope you’re doing well today

Change the magin-left to 5%

nav.header-navigation {
    margin-left: 5%;
}
}

Let me know.

Best Regards,
Support

Hi,

Thanks for the quick answer but th menu stay on the right side of the page.

I don’t know what’s going on .

Regards,

Hello there,

Thanks for that information.

Please try adding this CSS code to move the menu to the left:

/*Move the menu to the left*/
#header .top-header .header-navigation {
    float: left;
}

Best Regards,
Support

Hi,

I already tried this code but the menu is still not centered.

Can it be related to the fact that I have one item in the menu that is displayed only when members are connected ?

Best regards,