How do you actually center your site's menu ?

Activello
1

Hi Movin,

So I already found out from one of your posts in the forum how to remove the search bar from the header and center the menu by adding :

.navbar-default .nav-search {
    display: none;
}
.navbar-default div.navbar-collapse {
    display: table !important;
    margin: 0 auto;
    float: none;
}

Kudos for that ! You just made my life much simpler.

However, on my homepage, the menu doesn’t really look centered compared to the logo and the website description, yet they are supposed to be aligned in the center too !

Any idea how I can fix this ? (See attached screenshot)
Ever since I’ve noticed it, this is all I can see on my homepage and it kind of ruins everything. :confused:

Thank you in advance !

2

Nevermind, I found a solution by adding custom CSS :

.navbar-default {
    width: 100%;
}

And everything seems to be aligned perfectly !

3

Hi @loveandgoingplaces,

Awesome great to see you got that found.

Please advise if you have more questions.

Have a fantastic day!

Cheers,
Movin

4

The problem is that if you post that custom CSS, it centers the menu - but messes up the mobile drop-down menu. It stays permanently OPEN with that code.

Is there a modified version of this CSS that will center the menu but not break the mobile menu?

5

@chatmatt To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.