How to increase main navigation menu width | WordPress.org

Resolved jackietreehorn
(@jackietreehorn)

6 years, 2 months ago

Hello.

I need to increase the width of the twenty seventeen main navigation menu. Currently, it is wrapping one of my sections to a second row and it doesn’t look so great.

Thank you.

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

Rajan Vijayan
(@rajanit2000)

6 years, 2 months ago

@jackietreehorn please share your link, Then we can give you quick css code
Thread Starter jackietreehorn
(@jackietreehorn)

6 years, 2 months ago
Here is the website I’m testing that has the wrapping of the top menu issue:

https://jamieward.000webhostapp.com/

Thanks for the help.
- This reply was modified 6 years, 2 months ago by jackietreehorn.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

6 years, 2 months ago
In the “Additional CSS” section of the dashboard add this:
```
.navigation-top .wrap {
    max-width: none;
}
```
https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress
Thread Starter jackietreehorn
(@jackietreehorn)

6 years, 2 months ago
Thank you, Andrew. That works well, but I’d like the option to then center that navigation content.

Do you have some magic code for that?
- This reply was modified 6 years, 2 months ago by jackietreehorn.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

6 years, 2 months ago
```
.main-navigation ul {
    text-align: center;
}
```
Thread Starter jackietreehorn
(@jackietreehorn)

6 years, 2 months ago

Perfect. Thank you.

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

The topic ‘How to increase main navigation menu width’ is closed to new replies.

Tags

In: Themes and Templates
6 replies
3 participants
Last reply from: jackietreehorn
Last activity: 6 years, 2 months ago
Status: resolved