Title: Dropdown menu styling
Last modified: September 28, 2018

---

# Dropdown menu styling

 *  [micwie](https://wordpress.org/support/users/micwie/)
 * (@micwie)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/dropdown-menu-styling-2/)
 * Hello,
 * I am trying to get a stylish dropdown menu, so it looks similar to the main menu.
 * 1) I have changed the font size and style, which helped a lot
    2) Trying to get
   the transparent background, but I cannot find the way how to do it 3) Looking
   for other tips from experienced users to make it look stylish, simple, elegant
   and still preserve the good functionality.
 * Here is the [screenshot](https://prnt.sc/kzzjgf) of the current result:
 * What do you think? Any tips are welcomed!
    Thank you,
 * miciwie

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

 *  [LesTexas60](https://wordpress.org/support/users/lestexas60/)
 * (@lestexas60)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/dropdown-menu-styling-2/#post-10734517)
 * I had issues with this too. I set a background color for the top items and rounded
   the corners but I couldn’t do this on the drop downs. They were just in a square
   box. The drop downs should have the same flexibility as the top menu items.
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/dropdown-menu-styling-2/#post-10734557)
 * Hello,
 * You can style your menu dropdown in the customizer section.
 * Go to Customize > Header > Menu > Dropdown Styling and set background color with
   transparency.
 * For the font setting, go to Customize > Typography > Main menu – Dropdown
 * Add some CSS as per your need and you can achieve what you want.
 *  Thread Starter [micwie](https://wordpress.org/support/users/micwie/)
 * (@micwie)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/dropdown-menu-styling-2/#post-10734829)
 * Thank you very much! I will try the things through Customizer and let you know.
 *  [elbian](https://wordpress.org/support/users/elbian/)
 * (@elbian)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/dropdown-menu-styling-2/#post-10954338)
 * I have follow up question under Dropdown Styling, I notice that we can only adjust
   the Width(px) under Customize > Header > Menu > Dropdown Styling/
 * How about the option to adjust the Height(px) of the submenu items from the Main
   menu as an example sent by micwie above screen shot [https://prnt.sc/kzzjgf](https://prnt.sc/kzzjgf).
   In this example how do we adjust the height difference of the COLLECTION to the
   submenus namely SUBMENU1 TEST, SUBMENU2 TEST and SUBMENU3TEST?
 * thanks
 * Elbian
 *  [rrezhy](https://wordpress.org/support/users/rrezhy/)
 * (@rrezhy)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/dropdown-menu-styling-2/#post-11105751)
 * I’m having an issue with the dropdown menu appearing too far below the menu. 
   I can’t seem to find where to adjust this option. Help appreciated!
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/dropdown-menu-styling-2/#post-11107868)
 * Hello,
 * Can you please share the site link so that I can check it?

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

The topic ‘Dropdown menu styling’ is closed to new replies.

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

## Tags

 * [dropdown menu](https://wordpress.org/support/topic-tag/dropdown-menu/)
 * [menu style](https://wordpress.org/support/topic-tag/menu-style/)

 * 6 replies
 * 5 participants
 * Last reply from: [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/dropdown-menu-styling-2/#post-11107868)
 * Status: not resolved