Title: Menu breaks into two lines
Last modified: December 14, 2018

---

# Menu breaks into two lines

 *  [thread404cp](https://wordpress.org/support/users/thread404cp/)
 * (@thread404cp)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/menu-breaks-into-two-lines/)
 * Hello all,
    I set up a WordPress menu with a WooCommerce cart icon in it. Whenever
   the browser window becomes too small, the menu breaks into two lines. It’s as
   if it’s not full width, but I feel I’ve checked every setting there is to no 
   avail.
 * Website: [https://inplex-test3.dk/brille/](https://inplex-test3.dk/brille/)
 * Any help is appreciated.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-breaks-into-two-lines%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [TUT Support](https://wordpress.org/support/users/phpexpert21/)
 * (@phpexpert21)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/menu-breaks-into-two-lines/#post-10988758)
 * Hello [@thread404cp](https://wordpress.org/support/users/thread404cp/),
 * We can manage with the help of custom css. Please apply the below given css under
   Appearance -> Customize -> Additional css-
 *     ```
       #site-navigation-wrap .dropdown-menu>li>a {
       font-size: 12px !important;
       padding: 0 10px !important;
       }
       ```
   
 * I hope the above was helpful.
 * Kind regards,
 * Manoj
 *  Thread Starter [thread404cp](https://wordpress.org/support/users/thread404cp/)
 * (@thread404cp)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/menu-breaks-into-two-lines/#post-10988825)
 * Thank you, although simply making the font size smaller just makes the break 
   point show at an even smaller window (Okay, fair enough, no ones gonna use such
   a small browser window anyway :P)
 * But is this the only solution? I feel like some setting might be wrong for it
   to break into two lines like that?
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/menu-breaks-into-two-lines/#post-10991638)
 * Hello,
 * Try to adjust the Left/right padding from the Customize > Header > Menu.
    You
   can also change the breakpoints to fix this issue – Go to Customize > Header 
   > Mobile Menu and change it.
 * Try to add the below code to the customize > custom css section if the above 
   settings don’t work.
 *     ```
       div#site-navigation-wrap {
           width: 70%;
           justify-content: center;
           display: flex;
       }
       ```
   

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

The topic ‘Menu breaks into two lines’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.5/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

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

 * 3 replies
 * 3 participants
 * Last reply from: [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/menu-breaks-into-two-lines/#post-10991638)
 * Status: not resolved