Archived topic
Content is missing padding on mobile
7 replies · Started by Philip on February 22, 2023
I wanted full width for my posts with sidebars on either side, so I saw I had to create an element on that, which worked. However, on mobile view, the content container has no padding which I was hoping to fix. See sample link below in mobile.
Hi Philip,
Full width layout removes the theme paddings, you will need to add paddings to your blocks or using CSS.
Try this CSS:
@media(max-width: 768px) {
.full-width-content .site {
padding-left: 20px;
padding-right: 20px;
}
}That worked great - thanks!
No Problem :)
Actually, for some reason while that works on Chrome it's still having issues with Firefox (both on PC and mobile).
Hi Philip,
For reference, can you provide the link to a page where we can observe this?
You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Actually, sorry about that. It appears to be working now on other posts on Firefox. It might have been a cache issue.
I see. Glad it's working now!