Archived topic
Background menu like buttons with round borders
5 replies · Started by Jagoba on December 30, 2018
Hi,
I would like to have a solid background with round corners in the menu items when hover.
Could you please help me?
Thanks!
Hi there,
Does something like this help?
https://docs.generatepress.com/article/adding-buttons-navigation/
Let me know :)
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...
Not quite sure if I can picture this.
Can you provide an example?
Something like this menu:
https://www.mimedicoonline.es/
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.