Archived topic
Single Post Mobile Width
7 replies · Started by Danny on October 10, 2018
Hello, I applied the following CSS for desktop blog `body.single .grid-container {
max-width: 900px;
}
.one-container .site-content {
padding: 0;
}.
It looks good on the desktop, but not on mobile. On the mobile, the width is to the edge of the phone screen. Please help
Hi there,
What if you do this instead?:
@media (min-width: 769px) {
body.single .grid-container {
max-width: 900px;
}
.one-container .site-content {
padding: 0;
}
}
Hey Tom, no padding is applied, see below photo:
Hi there,
Any chance you can guide me to a single post page?
Let me know :)
Do you have contained checked for this page builder option?
https://docs.generatepress.com/article/page-builder-container/
If you uncheck it, the padding set in the customizer should apply.
Let me know :)
I do have it checked. Changed it and it works now, thanks Leo.
No problem :)