[Resolved] Main Nav and Off-canvas button background

[Ethan]

Hi there I have 2 problems that I can’t solve. I hope you could help. I am sharing my site with you, so you will be able to see these hopefully.

1. In the main nav, I have a “Guides” button with orange background. However, I want it to be changed on hover. It disappears at the moment, I don’t know why. Or it should stay the same but maybe the text color can change on hover.

2. In the off-canvas menu for mobile, the same button has the same orange background but the background is too long, across all off-canvas menu. Is there a way to reduce it just like the one on desktop nav?

I’d appreciate it if you could help me with those.

[Leo]

Hi there,

1. Not sure if I fully understand. Can you try the solution suggested here?
https://docs.generatepress.com/article/adding-buttons-navigation/

2. Try this:

.slideout-navigation.main-navigation .main-nav ul li.guides-button a {
    display: inline-flex;
}

[Ethan]

Thank you Leo, you’re a star 🙂

[Leo]

No problem 🙂

[Author]

Posts