Title: Rounded corner dropdown menu?
Last modified: August 31, 2016

---

# Rounded corner dropdown menu?

 *  Resolved [hilton-santos](https://wordpress.org/support/users/hiltongsantos/)
 * (@hiltongsantos)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/)
 * Hello Scott Smith, thank you for making this great theme.
 * I don’t know much about css but i am not affraid to play a little with the code.
   🙂
 * I would like to make the corners in the navigations dropdown menu round instead
   of squared.
 * I know something more or less like this is needed:
 * #navigation ul, #navigation ul li:last-child, #navigation ul li:last-child a {
   -
   webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;-
   moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-
   bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
 * I dont know what and where to put it and what to remove.. 🙂
 * Thank you for any help provided, this is the site where I am using Decode. [https://h-g-s.ca](https://h-g-s.ca)

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036214)
 * 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 [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
    2. use its “CSS Code” [section of the dashboard](https://s.w.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=1288706)
       to hold your CSS modifications:
    3.  (put this code in)
    4.     ```
           .menu ul ul {
               -webkit-border-radius: 10px;
               -moz-border-radius: 10px;
               border-radius: 10px;
           }
           ```
       
    5. Save
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications_
   
   [http://border-radius.com/](http://border-radius.com/)
 *  Thread Starter [hilton-santos](https://wordpress.org/support/users/hiltongsantos/)
 * (@hiltongsantos)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036219)
 * Hey Andrew, thank you very much. Excellent.
 *  Thread Starter [hilton-santos](https://wordpress.org/support/users/hiltongsantos/)
 * (@hiltongsantos)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036223)
 * 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?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036224)
 * Try using more specific selectors, e.g.:
 *     ```
       body .menu ul ul
       ```
   
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036225)
 * > Is there any way to only round out the bottom corners of the dropdown?
 * Yeah! Try that border-radius generator tool that I linked
 *  Thread Starter [hilton-santos](https://wordpress.org/support/users/hiltongsantos/)
 * (@hiltongsantos)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036228)
 * Thank you Andrew, you just made me want sign up for the web development course.
   🙂
 * I changed it with your help..
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036229)
 * You’re nice!
 *  Thread Starter [hilton-santos](https://wordpress.org/support/users/hiltongsantos/)
 * (@hiltongsantos)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036230)
 * No man, you’re nice! 🙂
 *  [Scott Smith](https://wordpress.org/support/users/scottsmith/)
 * (@scottsmith)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-7036551)
 * Seems like this has been resolved.
 * Marking topic as resolved as well.
 *  [ivekfly](https://wordpress.org/support/users/ivekfly/)
 * (@ivekfly)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-8638743)
 * 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 [http://www.ares-design.eu](http://www.ares-design.eu)
    -  This reply was modified 9 years, 4 months ago by [ivekfly](https://wordpress.org/support/users/ivekfly/).

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Rounded corner dropdown menu?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/decode/3.15.3/screenshot.png)
 * Decode
 * [Support Threads](https://wordpress.org/support/theme/decode/)
 * [Active Topics](https://wordpress.org/support/theme/decode/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/decode/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/decode/reviews/)

 * 10 replies
 * 4 participants
 * Last reply from: [ivekfly](https://wordpress.org/support/users/ivekfly/)
 * Last activity: [9 years, 4 months ago](https://wordpress.org/support/topic/rounded-corner-dropdown-menu/#post-8638743)
 * Status: resolved