[Support request] centering logo in menu items only on sticky menu

[Josh]

Is there a way to accomplish this?

I did see this article:
https://docs.generatepress.com/article/centering-logo-navigation/

but wanted it to only center the logo in the navigation on the sticky menu.

[Elvin]

Hi Josh,

You can try this CSS:

nav#sticky-navigation .navigation-branding {
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}

nav#sticky-navigation > * {
    position: relative;
}

But they may overlap with your menu items if there are too many regardless if you’ve aligned it with this:

nav#sticky-navigation ul.sf-menu {
    margin-left: auto;
    width: fit-content;
}

[Author]

Posts