[Resolved] Header and container alignment issue

[Dave Foy]

No problem. 🙂

Purely out of interest and understanding in future (this is the last you’ll hear of me on this subject, I promise)…

Let’s say I’ve got a fresh install of GP Premium. I leave Customizer padding settings for container and header both at the default 40px left and right. By default I see that the left edge of the header has a nice 40px breathing room on small screens. Also inside the content container, there’s a nice 40px left padding inside the white box, because you wouldn’t want your content to be flush tight to the edges of that box. And on small screens, it all aligns at the left edge of the screen nicely.

This works if you have a darker body background colour, like the default grey background. But let’s say I want a website with an all white background. See screengrab below:

https://monosnap.com/file/fPBNLpaFJadX0thBia7sAYcuKxKcxu

Now the content in the main content container is out of line, and looks odd. It’s obvious why, of course, because the theme is expecting the body background to be a darker colour to the main content block. And if I remove the padding in Customizer (set left and right padding on the container to zero), of course then the container padding on small screens has disappeared, which is not good.

Do you have any advice in this case for if I need an all white background, using Customizer default settings? Wondering if it’s a fairly common question? Maybe no-one ever wants that?

(It’s not a problem as such because, as you know, I’ve sorted for my situation with custom CSS).

Thanks for your time Tom.

[Tom]

In that case, I would remove the content padding and apply padding to the left and right of the body element.

In the next version of GP Premium there’s also content padding options specific for mobile 🙂

[Dave Foy]

Sounds exactly what I need.

Any very rough ideas on when the next version of GP Premium might be available? I won’t hold you to it. 🙂

[Tom]

Trying hard for this week – it’s a big release so a lot of testing is needed.

Let me know if you’d like to do some beta testing, should be ready for that in the next day or so 🙂

[Dave Foy]

I’d love to Tom. Happy for you to put me on the list.

[Tom]

I announce beta testing in the FB group 🙂

[Author]

Posts