Site logo

Archived topic

Background menu like buttons with round borders

5 replies · Started by Jagoba on December 30, 2018

Viewing posts 1–6 of 6

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!

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?

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.

This archived topic is closed to new replies.