Aligning header logo with body content

I should be able to figure this out myself, but I’m having trouble. I’d like to align the Logo container with the edge of the body content container so that they are responsive in the same way when the viewport width gets bigger or smaller.

Right now at maximum width the content is wider than header and then at smaller widths (which looks bad), the header is wider than the content (which looks OK).

Which setting do I need to adjust?

Many thanks for your help. I appreciate your support.

Kind regards,

  • Chris

So I found an acceptable solution which I’m using. Increase max content width to 4000px from 2000px and add a bit of outer spacing.

It would be nice to also know how to get the header containers to track the body content containers.

Thanks!

Hi @cdb788,

Thanks for reaching out.

Please inspect your header container and set its max-width to the max-width you applied for content layout. That should align them both.

Thanks!

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