[Erin MParticipant]

I would like to reduce the side padding of my Nav Bar, so I can fit one more item.

[ZeshanMember]

Hi Erin,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

Meanwhile, please try adding following code under Custom > CSS in the Customizer:

.x-navbar .x-container-fluid.max {
   max-width: 1500px;
}

Adjust 1500px to increase/decrease the width of the navbar container.

Hope this helps. 🙂

Thank you.

[Erin MParticipant]

Thank you for your help, I am developing the site locally until it is further along so I don’t have url to show you yet. I tried the CSS code above, it doesn’t address the issue I want to target. What I am trying to do is the container for the Nav Bar is padded maybe 45 on the left and the right so the Nav Bar entries line up with the content below. I am hoping to decrease the left and right inset so I can fit one more Nav Bar item.

Again thank you for your help.

[ChristopherModerator]

Hi there,

Try this CSS code:

.x-navbar .x-container-fluid.max.width {
width: 96%;
max-width: 1500px;
}

Hope it helps.

[Erin MParticipant]

Thank you very much! That did exactly what I needed!

[Paul RModerator]

You’re welcome Erin. 🙂

[Author]

Posts