[Support request] left padding for site title in sticky header

[Sima]

I am using navigation as the header and my site title in mine header and the sticky header are not aligned with my content.
How can I change the left padding for the site title in both the main header and the sticky header?

[David]

Hi there,

can you share a link to your site so i can see the issue?

[Sima]

sent you the requested info. thanks

[David]

You have this CSS:

.navigation-branding {
    padding: 15px;
}

Change it to:

.navigation-branding {
    padding: 15px 0;
}

This will align the Logo with the Top elements content.

[Sima]

David, this aligned with the top element as you mentioned however I would like to be aligned with the rest of the content on my page. I would like to reduce the left padding more. Can you please let me know how?

thank you

[Leo]

Looks like it’s aligned nicely here to me:
https://www.screencast.com/t/ZuQW7qNU7R1

You will want to make sure all of your GenerateBlocks have the same padding so the they all align up.

Currently this is the issue:
https://www.screencast.com/t/LyIPlzNW

[Sima]

Leo, please check the content above the container that you have attached. It is not aligned.

[Leo]

You will want to make sure all of your GenerateBlocks have the same padding so the they all align up.

Did you try this solution first?

please check the content above the container that you have attached. It is not aligned.

If we make it align to that one, then it won’t be aligned to the one I’ve shown. So the best solution is to make sure all your GB padding is the same.

[Author]

Posts