Title: menu go float
Last modified: August 30, 2016

---

# menu go float

 *  [libertfly](https://wordpress.org/support/users/libertfly/)
 * (@libertfly)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/menu-go-float/)
 * Hi,
    as you can see at this link [http://fascinationrulez.com/milena/](http://fascinationrulez.com/milena/)
   I have a long menu bar because my client ask this… the last voice go float, how
   can I solve this?

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

 *  [mrtom414](https://wordpress.org/support/users/mrtom414/)
 * (@mrtom414)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/menu-go-float/#post-6581330)
 * All menu items float to the left. So when you exceed the width of your screen
   they wrap to the next line. Since your theme is responsive the effect will get
   worse on smaller screens. You can try decreasing the width of the menu items 
   and using a smaller font.
 * You can adjust the font-size with the css rule
 *     ```
       .main-navigation li a{
          font-size:11px;
   
       }
       ```
   
 * and the width of the menu items with the rule
 *     ```
       .main-navigation li{
          width:7em;
   
       }
       ```
   
 * A better solution would be to shorting the menu item names and try to remove 
   at least one of the items.
 *  Thread Starter [libertfly](https://wordpress.org/support/users/libertfly/)
 * (@libertfly)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/menu-go-float/#post-6581338)
 * Hi mrtom,
    thank you for your support. I tried the 2 advice you give me… but 
   they are not risolutive. There are the possibility to reduce the space at the
   start and the end of the menu (so first of “Home” and After the last menu item)?
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/menu-go-float/#post-6581354)
 * You could set a higher maximum width on the containing element:
 *     ```
       .main-navigation .site-container {
       	max-width: 1300px;
       }
       ```
   
 * It’s not a 100% perfect solution, but in conjunction with mrtom’s suggestions
   you should get something that looks acceptable.
 *  [Freelancelot](https://wordpress.org/support/users/ifreelancelot/)
 * (@ifreelancelot)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/menu-go-float/#post-6581460)
 * Hi [@libertfly](https://wordpress.org/support/users/libertfly/),
 * you can try reducing the padding of the links in the navigation menu like this…
 *     ```
       .main-navigation a {
       	padding: 18px 20px 18px 20px;
       }
       ```
   
 * Reducing the “20px” value in that code will reduce the padding between the navigation
   items. So just play around with that until you find something you’re happy with.
 * I would suggest using a custom CSS plugin for this though to prevent your changes
   being overwritten should you install any future theme updates.
 * This is a pretty good one….
 * [https://wordpress.org/plugins/so-css/](https://wordpress.org/plugins/so-css/)
 * Hope this helps!
 *  Thread Starter [libertfly](https://wordpress.org/support/users/libertfly/)
 * (@libertfly)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/menu-go-float/#post-6581463)
 * It seems that i solve the problem.
    Thank you very much for your help! 🙂

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

The topic ‘menu go float’ is closed to new replies.

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

 * 5 replies
 * 4 participants
 * Last reply from: [libertfly](https://wordpress.org/support/users/libertfly/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/menu-go-float/#post-6581463)
 * Status: not resolved