Can’t get a full width container on mobile

Hi there,

Are you referring to the home page?

Yeah home page and also articles. I want to make it full width container in mobile.

Hi @sagar110 ,

You can reduce the padding of the contents on mobile so the contents go full-width of the page instead of getting padded. ??

Something like this CSS can do that:

@media (max-width: 768px) {
.separate-containers .inside-article { padding: 30px 0px; }
}

hey Elvin,

I tried this CSS but it’s not working. I want the container full width in mobile. like this blog https://woorkup.com/generatepress-review/

previously it was full width but after the latest generatepress theme update it’s showing padded.

you can try this instead.

@media (max-width: 768px) {
    div#page {
        padding: 0;
    }
    .separate-containers .inside-article { 
        padding: 30px 0px; 
    }
}

This will make the content go full-width meaning it will touch the edge of the screen on mobile as shown here – https://share.getcloudapp.com/Z4u16DAw

Adjust the div#page ‘s padding if you wish to add a bit of space

Thank you Elvin

this css worked for me.
@media (max-width: 768px) {
div#page {
padding: 0;
}

• This reply was modified 2 years, 10 months ago by sagar110.

Thanks for letting us know. Glad you got it sorted. ??