[Support request] Background menu like buttons with round borders

[Jagoba]

Hi,

I would like to have a solid background with round corners in the menu items when hover.

Could you please help me?
Thanks!

[Leo]

Hi there,

Does something like this help?
https://docs.generatepress.com/article/adding-buttons-navigation/

Let me know 🙂

[Jagoba]

Hi!

Not really…my English is not the best…I would try to explain it better 😉
I mean that I would like to have a button appearance only when I pass over the menu item…

[Leo]

Not quite sure if I can picture this.

Can you provide an example?

[Jagoba]

Something like this menu:
https://www.mimedicoonline.es/

[David]

Hi there,

you can just give the menu items a border radius and some margin with this CSS:

.main-navigation .main-nav ul li a {
    border-radius: 25px;
    margin-right: 15px;
}

Then adjust your Colors > Primary Navigation and set the background color to transparent or the same as your navigation / header. Then set you hover and current colors.

[Author]

Posts