Archived topic
Can I have One Container for mobile and Separate Containers for all else?
3 replies · Started by Michelle on October 14, 2021
Viewing posts 1–4 of 4
I have my site design set to "Separate Containers with text container alignment". I like the design. I have a gray background with white containers...but
the gray background looks bad on mobile. It shows only on the left, no matter how I tweak the margins. From Customizer, I don't see an option to set the mobile site different from the tablet and desktop. I would like the mobile site to only have a white background. Is there a workaround?
Hi Michelle,
You can try removing the separator paddings and margins on mobile by adding this CSS:
@media (max-width:768px){
div#page {
padding: 0;
}
main#main {
margin: 0;
}
}Or just use white background for body on mobile:
@media (max-width:768px){
body {
background-color: white !important;
}
}Thank you. Much better!
No problem. :D
This archived topic is closed to new replies.
