Archived topic

Sticky nav button background

3 replies · Started by Marcus on January 13, 2020

Viewing posts 1–4 of 4

January 13, 2020 at 1:54 am #1130256

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)

January 13, 2020 at 5:42 am #1130430

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

January 13, 2020 at 5:58 am #1130440

You're a legend, thank you!

January 13, 2020 at 6:29 am #1130467

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.