How to Shift Menu to the Right

Support
#1

On this site (on desktop), the menu in the header is in the middle of the page, but I’d like to shift it to the right. Any suggestions?

#2

Hey Brock,

Please go to X > Theme Options > CSS:

Then find this block of code:

.x-navbar .x-container, .x-topbar .x-container {
    position: relative;
    width: 100%;
    max-width: 1075px;
    margin-left: 0;
    padding: 0 1em;
}

and update it to:

.x-navbar .x-container, .x-topbar .x-container {
    position: relative;
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding: 0 1em;
}

Hope this helps.

#3

Perfect! Thanks so much

#4

You’re most welcome,

Cheers!

#5

Would you be able to help me with two more things?

  1. I’d like to shift my logo in my header to the right a little? It’s a little to close to the left for my liking

  2. Move the button in my header over to the right a little

#6

Hi Brock,

Thank you for writing in, please find this in your Theme Options > CSS and remove it.

.x-navbar .x-container, .x-topbar .x-container {
    position: relative;
    width: 95%;
    max-width: none;
    margin-left: 0;
    padding: 0 1em;
}

That’s the code that causes the issue.

Thanks,

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.