Title: Menu dropdown width
Last modified: February 22, 2021

---

# Menu dropdown width

 *  [ballmouse](https://wordpress.org/support/users/ballmouse/)
 * (@ballmouse)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-dropdown-width/)
 * I’d like to reduce the width of the menu dropdown. Here’s a photo of the current
   dropdown: [https://imgur.com/nyojGaD](https://imgur.com/nyojGaD). It’d be nice
   to get the width reduced to maybe it’s around the width of the red line.
 * How can I make this change?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-dropdown-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Joy](https://wordpress.org/support/users/joyously/)
 * (@joyously)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-dropdown-width/#post-14087733)
 * You should ask in your theme’s support forum. The menu is one of the trickiest
   parts of the theme.
 *  [Gustav](https://wordpress.org/support/users/4ever16/)
 * (@4ever16)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-dropdown-width/#post-14087771)
 * Click ctrl+i and then elements. Select the menu and try to change width there.
 * When you see that it changes see more information where that .css file is stored
   and then change it there.
 * Refresh the page.
 *  [Vlad](https://wordpress.org/support/users/vladytimy/)
 * (@vladytimy)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-dropdown-width/#post-14088421)
 * Hi, [@ballmouse](https://wordpress.org/support/users/ballmouse/)
 * Try adding this in Dashboard – Appereance – Customize – Additional CSS in the
   [Customizer](https://wordpress.org/support/article/appearance-customize-screen/)
 *     ```
       #wide-nav .nav-dropdown {
           min-width: 216px;
       }
       ```
   
 * You can learn how to use the [Chrome Developer Tools](https://developers.google.com/web/tools/chrome-devtools/)
   or [Firefox Developer Tools](https://developer.mozilla.org/en-US/docs/Tools) 
   to help you see and test changes to your CSS.
 * As Joy suggested, you should ask your theme’s developer. Since you use a commercial
   theme (Flatsome), for future enhancements, please go to [their official support channel](https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319/support).
   We feel they are best equipped to support their products. [Commercial products are not supported in these forums.](https://make.wordpress.org/support/trouble/section-1-getting-started/what-is-not-supported/)
 * Also, I would not recommend modifying your theme files, otherwise your changes
   will be overwritten whenever the theme is updated. A custom CSS editor (Additional
   CSS) is found at Dashboard – Appereance – Customize – Additional CSS in the [Customizer](https://wordpress.org/support/article/appearance-customize-screen/)
 * Hope this helps,
    Kind regards!
 *  Thread Starter [ballmouse](https://wordpress.org/support/users/ballmouse/)
 * (@ballmouse)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-dropdown-width/#post-14089756)
 * Thank you [@vladytimy](https://wordpress.org/support/users/vladytimy/) !
 * What is the difference between writing CSS in Additional CSS and the Theme Editor?
   I see all my previous custom CSS is in the Theme Editor and when I wrote your
   code there nothing happened. But writing it in the Additional CSS area made the
   change.
 * Also, is there any chance the width could be dynamic to be just large enough 
   so the text per dropdown item fits on 1 line? 216 is exactly enough, but if I
   were ever to add an item with more text, it would be nice if it could automatically
   increase the length.
 *  [Vlad](https://wordpress.org/support/users/vladytimy/)
 * (@vladytimy)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-dropdown-width/#post-14090034)
 * > What is the difference between writing CSS in Additional CSS and the Theme 
   > Editor?
 * Changes in theme files will be overwritten whenever the theme is updated. Additional
   CSS will not be overwritten.
 * > when I wrote your code there nothing happened. But writing it in the Additional
   > CSS area made the change.
 * Maybe `#wide-nav .nav-dropdown {min-width: 216px!important;}` will do the trick.
 * > Also, is there any chance the width could be dynamic to be just large enough
   > so the text per dropdown item fits on 1 line? 216 is exactly enough, but if
   > I were ever to add an item with more text, it would be nice if it could automatically
   > increase the length.
 * **You really have to contact your theme developer via the link provided above**
   🙂 **[ Commercial products are not supported in these forums.](https://make.wordpress.org/support/trouble/section-1-getting-started/what-is-not-supported/)**

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

The topic ‘Menu dropdown width’ is closed to new replies.

## Tags

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

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 5 replies
 * 4 participants
 * Last reply from: [Vlad](https://wordpress.org/support/users/vladytimy/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/menu-dropdown-width/#post-14090034)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics