Beautiful Pro Navigation Menu

[hbollinger]

Hi, I'm trying to figure out how to define a maximum width for the background/border for my navigation menu. Right now it's continuous. I've tried adding:

width: 1200px; (I probably need to adjust this number some)

to here:

.nav-primary {
background-color: #ffffff;
border-top: 1px dotted #96989c;
border-bottom: 1px dotted #96989c;
text-align: center;
}

This gives it definition but pushes it to the left. I want it to be inline with the rest of my site rather than continuous.

Any help would be appreciated.

Thanks,
Hannah

http://wovenbeautiful.com/

http://wovenbeautiful.com/

[Christoph]

Hi Hannah,

you are very close!

The max-width of .side-inner is 1140px.
I guess, that´s what you want the max-width of the navigation to be.

To center the navigation add margin: 0 auto;

max-width: 1140px;
margin: 0 auto;

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[hbollinger]

Perfect! Thanks Christoph - you made my day!

[Christoph]

Glad I was able to help!

Could you please mark this topics as resolved, so it can be closed?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[hbollinger]

Just did!

[Author]

Posts