Rounding corners on menu

For your menus, you want each menu item to have rounded corners? If so, you will need to do some custom css to put a background colour on each one, then use:

border-radius: 10px;

However, if you are not comfortable in editing css, it might be a bit tricky for you because you will need to edit the menu css coding.

For a background image on just the menu, same thing, you could do this, but it will require some creative CSS coding.

Sorry i was looking for rounded corners of the whole menu tab, the entire left green ‘block’ to have rounded corners!

thanks

around line 350 is this:

#equal-well {
margin: 20px;
padding: 14px;
background-color: #23292A;
}

You would need to add the border-radius to that. Here is a great tutorial about doing border radius: Border Radius

When making these kinds of changes, it’s recommended you do this in a child theme or a plugin that lets you edit CSS.

perfect thanks!