Archived topic
Button in the menu
3 replies · Started by Jose on May 1, 2020
Viewing posts 1–4 of 4
Hi,
I would like to highlight the link to the store with a button, in the menu. I have put the same CSS as on another page I made but it doesn't work for me, could you help me?
In the next page you can see my example:
Hi there,
Have you tried this?
https://docs.generatepress.com/article/adding-buttons-navigation/
Let me know :)
Hi, it works, thank!
And to add another style with hover?
This CSS would include the hover state:
@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-button a {
background-color: #ffffff;
border: 2px solid #000000;
color: #000000;
line-height: 35px; /*this number will likely need to be adjusted*/
}
.main-navigation .main-nav ul li.nav-button a:hover {
background-color: #ffffff;
border: 2px solid #000000;
}
}
This archived topic is closed to new replies.
