Archived topic
Main Nav and Off-canvas button background
3 replies · Started by Ethan on June 11, 2020
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.
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;
}Thank you Leo, you're a star :)
No problem :)
