[Resolved] Sticky nav button background

[Marcus]

Hello, I’d like to have a single CTA-style button to my sticky-nav so it looks like this:

Is this possible? I couldn’t find any way of changing the background colour of the buttons (the only option is the background of the entire bar, and the background on hover)

[David]

Hi there,

Add this CSS:

.main-navigation .main-nav ul li.nav-button a {
    background-color: #4dc28b;
    line-height: 48px !important;
}

then add the nav-button class to that menu item:

https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

[Marcus]

You’re a legend, thank you!

[David]

Glad to be of help

[Author]

Posts