[Resolved] Center menu in homepage

[Óscar]

Hi, I would like to center my menu only in the homepage. I’m trying to do it with elements addon, but I don’t get what I want.

I want the logo and the navigation centered merging with the content in Desktop.

[Tom]

Hi there,

Are you wanting the logo to display above the navigation, both centered?

Let me know 🙂

[Óscar]

No, I mean, I’d want the logo stacked with the navigation. Logo in the left (not all the way, but like in the same block) and navigation just to the right of the logo.

Maybe it’s a bit confusing…

[Tom]

Maybe try this?:

.home .main-navigation.has-branding .inside-navigation {
    justify-content: center;
}

.home .navigation-branding {
    margin-right: 0;
}

[Óscar]

Yes! That worked perfectly, thanks Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts