Title: Fixing dropdown width?
Last modified: April 11, 2018

---

# Fixing dropdown width?

 *  Resolved [Rachel](https://wordpress.org/support/users/xxrayray/)
 * (@xxrayray)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/fixing-dropdown-width/)
 * Hi!
 * I’m looking to make the dropdown box and submenu box on the navbar wider. Under
   books one of the series doesn’t fit and ends up on a second line. Any help would
   be appreciated!!
 * Thanks,
 * Rachel
    -  This topic was modified 8 years, 1 month ago by [Rachel](https://wordpress.org/support/users/xxrayray/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffixing-dropdown-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/fixing-dropdown-width/#post-10169173)
 * Hi [@xxrayray](https://wordpress.org/support/users/xxrayray/).
 * Thank you for contacting us.
 * I’ve solved one part of the adjustment, this should be added to Customize -> 
   Additional CSS to stop wrapping
 *     ```
       .navbar-nav .dropdown-menu > li > a {
       	white-space: nowrap;
       }
       ```
   
 * There’s remaining part where the display of the drop-down part should be adjusted
   to `display: inline-table` so that “carret” doesn’t overlap with the text, but
   it keeps evading attempts to hit it right. 🙂
 * Kind regards.
 *  Thread Starter [Rachel](https://wordpress.org/support/users/xxrayray/)
 * (@xxrayray)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/fixing-dropdown-width/#post-10181806)
 * That worked, except the arrows are now in the way of the words as you said. Is
   there any way that can be adjusted as well? Thank you for your help!
    -  This reply was modified 8 years, 1 month ago by [Rachel](https://wordpress.org/support/users/xxrayray/).
 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/fixing-dropdown-width/#post-10181872)
 * I’ll try to fix it tomorrow, and will post it here if I succeed. Basically, I
   know what has to be done, just have to figure out how to do it. 🙂
 * Kind regards.
 *  [jarektheme](https://wordpress.org/support/users/jarektheme/)
 * (@jarektheme)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/fixing-dropdown-width/#post-10182799)
 * Hi [@xxrayray](https://wordpress.org/support/users/xxrayray/),
 * Please replace above code inside Appearance → Customize → Additional CSS with
   this:
 *     ```
        @media (min-width: 768px) {
         .navbar-nav .dropdown-menu {
           width: 23em !important;
           max-width: 23em !important;
         }
       }
       ```
   
 * Kind regards
 *  Thread Starter [Rachel](https://wordpress.org/support/users/xxrayray/)
 * (@xxrayray)
 * [8 years ago](https://wordpress.org/support/topic/fixing-dropdown-width/#post-10264636)
 * Thank you!!

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

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

 * ![](https://i0.wp.com/themes.svn.wordpress.org/kale/2.8.2/screenshot.jpg)
 * Kale
 * [Support Threads](https://wordpress.org/support/theme/kale/)
 * [Active Topics](https://wordpress.org/support/theme/kale/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/kale/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/kale/reviews/)

 * 5 replies
 * 3 participants
 * Last reply from: [Rachel](https://wordpress.org/support/users/xxrayray/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/fixing-dropdown-width/#post-10264636)
 * Status: resolved