Center main menu

Hello,

How to center the navigation in the Activello theme so that it would be similar to:

Thanks

Hi @ricolephilosophe,

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 -> Activello Options -> Other -> Custom CSS

.site-navigation-inner .collapse.navbar-collapse {
    margin: 0 auto;
    width: 400px;
    float: none;
}

You have to change the width 400ps in the above code according to the width of your menu.

Best Regards,
Movin

Hey, thanks for the reply!

Succeeded using:

.navbar-default .navbar-collapse {
width: 100%;
}

.nav.navbar-nav {
float: none;
text-align: center;
margin: 0 auto;
width: 100%;
}

.navbar-nav>li {
float: none!important;
margin: 0 auto;
display: inline-block;
}

Hi @ricolephilosophe,

Awesome great to see you got that achieved.

Please advise if you have more questions.

Have a fantastic day!

Cheers,
Movin