Title: How to Decrease Menu Width?
Last modified: January 5, 2021

---

# How to Decrease Menu Width?

 *  [Chris Stevens](https://wordpress.org/support/users/tourq/)
 * (@tourq)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/how-to-decrease-menu-width/)
 * My friend would like his logo to be bigger, so I found out how to do that. Unfortunately,
   the menu is now overlapping it. How can I reduce the menu so it does not overlap?
 * This is everything so far:
 *     ```
       .main-navigation ul li a {
       	font-size: 150%;
       	padding-top: em
       }
       a {
       	text-decoration: none;
       }
       a { 
       color: blue;
       }
       img.custom-logo {
           max-width: 500px !important;
       }
       ```
   
 * Thanks for the help!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhow-to-decrease-menu-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [5 years, 2 months ago](https://wordpress.org/support/topic/how-to-decrease-menu-width/#post-13869315)
 *     ```
       img.custom-logo {
           max-width: 98%;
       }
       .logo-container {
           float: left;
           width: auto;
           max-width: 35%;
       }
       .center-main-menu {
           float: right;
           width: auto;
           max-width: 65%;
       }
       ```
   
 * See [https://i.imgur.com/pVqe3sm.png](https://i.imgur.com/pVqe3sm.png)
 * [[
 * **To add or override CSS:** use the “Additional CSS” option in the customizer._
   [https://wordpress.org/support/article/appearance-customize-screen/](https://wordpress.org/support/article/appearance-customize-screen/)_
 * Learn 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.
 *  Thread Starter [Chris Stevens](https://wordpress.org/support/users/tourq/)
 * (@tourq)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/how-to-decrease-menu-width/#post-13870062)
 * Thank you!

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

The topic ‘How to Decrease Menu Width?’ is closed to new replies.

 * In: [Everything else WordPress](https://wordpress.org/support/forum/miscellaneous/)
 * 2 replies
 * 2 participants
 * Last reply from: [Chris Stevens](https://wordpress.org/support/users/tourq/)
 * Last activity: [5 years, 2 months ago](https://wordpress.org/support/topic/how-to-decrease-menu-width/#post-13870062)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics