[Support request] Page Layout Messed up

[Sumit]

Hi on my website privacy policy page’s layout is kind of messed up. While layout of terms page is ok.

I tried to duplicate the terms page and put in content of privacy policy page but it is still stretching. Can you please help me figure this issue out?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Sumit]

here it is.

[Leo]

This is what I’m seeing:
https://www.screencast.com/t/LQuhusi45

[Sumit]

which country you checking from? maybe you can give me generatepress ip which I can whitelist?

[Leo]

I’m from Canada 🙂

[Sumit]

hello?

[Leo]

The site is still not loading for me.

Did you see my reply that I’m from Canada?

[Sumit]

will it be possible for you to turn on the US vpn? I have firewall rule applied to make site accessible only in US.

[Tom]

Unfortunately we’re not able to use VPNs in order to provide support. Any chance you can replicate the issue on a site we can access?

[Sumit]

I temporarily enabled canada in cloudflare, can you please check now?

[Leo]

Looks like you’ve added this CSS that’s causing the issue:

.site.grid-container {
    max-width: 100%;
}

[Sumit]

why is it causing issue only on privacy page then and not on terms page?

how do I fix it?

[Leo]

The Terms page has this extra CSS which is targetting the specific page and overwriting the CSS I mentioned above:
https://www.screencast.com/t/ov2oUHHOitrY

These issues are all coming from your own CSS so please spend some time to go through them as it’s unrelated to the theme itself.

On another thought, have you considered using a layout element instead of custom CSS to narrow the content container width?
https://docs.generatepress.com/article/layout-element-overview/#content-1

You will need to remove your own CSS for them to work.

[Author]

Posts