How to keep Pro Header logo left side margin and body text aligned

[rbkerr]

Hello,

I would like to get the space to the left of the logo in my Pro header to be always the same as the left side margin of the text on all pages.

Currently I have an EM spacing to the left of the logo and the homepage text.

Under some window sizes the left margin of the logo and text is roughly the same, but as the windows gets very wide or narrow, the difference between the logo and text margin widens.

Can this be resolved easily and how please?

Thank you, Rob

[ruenel]

Hello Robert,

Thanks for writing in!

To get your issue resolved, please remove your left margin and left padding of the image logo element and in the container settings. In your bar settings, insert a Content Max Length to 1200px.

Remove the left margin and padding:

Set the Content Max Length:

And then you will NEED to edit your pages. You must remove the left margin or padding in each of your sections as well.

Best Regards.

[rbkerr]

Great, thanks so much.

That worked a treat.

When I used the Classic Header, I was using Global Containers to try get the header logo and Section text aligned at different window widths.

In moving to Pro Headers this didn’t look right.

After your solutions, in order to get a margin of any kind for the logo and Section text, I added Content Length for the Header as 80%, then removed the Global Containers for page sections, and set each section Row to Max Width to 80%.

Thanks again for your quick and accurate fix.

[tristup]

Hi Robert,

Glad that we are able to help you.

Thanks