[Resolved] Button in the menu

[Jose]

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:

https://workprojects.es/

[Leo]

Hi there,

Have you tried this?
https://docs.generatepress.com/article/adding-buttons-navigation/

Let me know 🙂

[Jose]

Hi, it works, thank!

And to add another style with hover?

[Leo]

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;
    }
}

[Author]

Posts