Header margin aligned with site content

[CareHero]

Hello Support Team,

I am trying to adjust the logo position on my X-theme website, so that the logo responsively positions in line with the page content.

Currently my header is set to: inline layout, top logo alignment: 16px, side logo alignment: 32 px. I would assume for the logo position to change with the side logo alignment, but this doesn’t seem to alter anything. The navbar margin is set on auto, as per theme default. Maybe there is a way to define a maximum margin via custom CSS?

Thanks in advance for your advice!
LeDe

[marc_a]

Hi LeDe,

Thanks for reaching out.

To adjust the header alignment, go to X > Theme Options > Layout and Design, there you can adjust the site width and site max-width. Please also note that when you change the site width and site max-width it will also apply to your content when you are using a page template with a container.

Then if you want to have a full-width header only, you need to upgrade to Pro because in Pro there’s a header builder where you can customize the layout of the header the way you want that you can’t do with X. You can check on our docs on how to convert your X to Pro.

Hope that helps.

Thank you.

[CareHero]

Hi Marc,

Thanks for pointing me in the right direction!

[marc_a]

Hi @CareHero,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.