Rounded corner dropdown menu?

If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   .menu ul ul {
       -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
       border-radius: 10px;
   }

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications
https://border-radius.com/

Hey Andrew, thank you very much. Excellent.

Hi Andrew, I am trying to change the background color in that dropdown but am not being able to do it.

I used the previous code you posted and it worked great thank you.

Is there any way to only round out the bottom corners of the dropdown?

Try using more specific selectors, e.g.:

body .menu ul ul

Is there any way to only round out the bottom corners of the dropdown?

Yeah! Try that border-radius generator tool that I linked

Thank you Andrew, you just made me want sign up for the web development course. ??

I changed it with your help..

You’re nice!

No man, you’re nice! ??

Seems like this has been resolved.

Marking topic as resolved as well.

i have a question, yes your solution helped me works like a charm :), but now i have background behind it square aswell, tried moving it via padding or margin but cant get it right even if my life depended on it lol, help pls? url is https://www.ares-design.eu

• This reply was modified 8 years, 2 months ago by ivekfly.