Centralize Main Menu

Hi there,

Is it possible to make the menu central and not responsive to size changes. The menu works great, but for aesthetics i would like the menu to be central and I would like the menu to not go into two layers if someone views on a smaller screen, just decrease the gap between menu page names.

I’ve tried putting in several pieces of css that i’ve found online to centralize the menu, but none of it has worked. I’m hoping you can help.

Let me know what info you need to check out my page as it is not published.

Cheer
Caleb

Hello Caleb,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

div.collapse.navbar-collapse {
    display: flex !important;
    justify-content: center;
}

.navbar-nav > li {
    float: left;
}

button.off-canvas-trigger {
    display: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Cheers Roman, works great!

Good! Have a nice day Caleb :slight_smile:

Kind Regards, Roman.