Centered main navigation bar for Activello WordPress theme

Activello
1

Hi,

Is it possible to center the mail navigation bar?

Thanks,
Michael

PS: LOVELY template!

2

I’d love to know how to do this. And also remove the search function from the top main navigation bar as well.

Thank you.

3

Hi there,

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

You can center align the main navigation menu 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

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

To remove search form from the header also use the following CSS code.

.navbar-default .nav-search {
    display: none;
}

Best Regards,
Movin

4

Hi Movin,

When I use this code:

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

The navbar continually stays open in mobile view, covering the rest of the header/some content. Is there a way to have the navbar collapsed? Removing .navbar-collapse and just leaving .navbar results in the navigation going back to left alignment.

Any ideas?

5

Hi @gallerieq,

You can try resolving this issue by using the following CSS code instead of above shared code.

@media (min-width: 767px){

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

Best Regards,
Movin

6

Thanks so much for the quick response! That worked perfectly. :slight_smile:

7

You are most welcome here :slight_smile: