Title: making menu full width
Last modified: August 21, 2016

---

# making menu full width

 *  [PetruTiglar](https://wordpress.org/support/users/petrutiglar/)
 * (@petrutiglar)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/making-menu-full-width/)
 * I’d like to make the top menu full width so it spreads across the screen.
    I’ve
   tried adding left and right margins but it drags the buttons and the search box
   with it. Basically i just want to add a lot of padding to the left and right 
   side of the top menu.
 * [http://paintyourphoto.com.au/](http://paintyourphoto.com.au/)
 * Any help is much appreciated.

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 3 months ago](https://wordpress.org/support/topic/making-menu-full-width/#post-4472363)
 * Have you talked to ElegantThemes about this?
 *  Thread Starter [PetruTiglar](https://wordpress.org/support/users/petrutiglar/)
 * (@petrutiglar)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/making-menu-full-width/#post-4472366)
 * No I haven’t.
    All customizations including that top menu have been manually 
   integrated. my question is not referring to the theme, Just the basic CSS to 
   edit my own customizations.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 3 months ago](https://wordpress.org/support/topic/making-menu-full-width/#post-4472368)
 * Add:
 *     ```
       #top-menu {
        position: absolute;
        left: 0;
       }
       ```
   
 *  Thread Starter [PetruTiglar](https://wordpress.org/support/users/petrutiglar/)
 * (@petrutiglar)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/making-menu-full-width/#post-4472370)
 * Thanks Andrew.
 * I didn’t mention but I also tried that.
    it worked better than the Margins but
   it still stretches the menu items and search field to the left or right.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 3 months ago](https://wordpress.org/support/topic/making-menu-full-width/#post-4472373)
 * Then what you require is a change to a template file – regarding your theme specifically.
   You need to wrap your menu and search in another `<div>` element – then center
   that element (alongside your absolute positioning already recommended).
 *  Thread Starter [PetruTiglar](https://wordpress.org/support/users/petrutiglar/)
 * (@petrutiglar)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/making-menu-full-width/#post-4472376)
 * That would make perfect sense!
    Thanks for the help 🙂

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

The topic ‘making menu full width’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [PetruTiglar](https://wordpress.org/support/users/petrutiglar/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/making-menu-full-width/#post-4472376)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics