[Resolved] Full Width Container on Mobile Devices.

[Rishabh]

Hi, I want to have container width 100% on Mobile devices. By default it shows padding/margin on both left and right sides.

This is the page I am referring to: https://www.clichemillennials.com/blog/

I tried this css:

@media only screen and (max-width:800px) {
.container {
min-width:100% !important;
}
}

and also tried to change container padding by: Layout > Container > Content Padding (mobile) > Left and Right = 0;

But still the width is not 100%.

[Leo]

Hi there,

Looks like you have the customizer setting set to 30px 0px 30px 0px but it’s not working due to this issue here:
https://docs.generatepress.com/article/child-theme-issues/#import

Can you try to fix this first?

Let me know 🙂

[Rishabh]

It worked.
Thanks.

[Leo]

No problem 🙂

[Author]

Posts