Archived topic
Too narrowed content on mobile
7 replies · Started by Danijela Kalezic on April 13, 2021
Hi. My blog content looks good on desktop but on mobile is narrowed.
I have only this css
.container {
padding-left: 100px;
padding-right: 100px;
}
Hi there,
change the CSS to this:
@media(min-width: 960px) {
.container {
padding-left: 100px;
padding-right: 100px;
}
}
You can adjust the 960px to a screen size where its OK to add the padding.
That works! Thank you!
You're welcome
David, sorry, I have just a remark because I lost padding on desktop, my content is not narrowed on desktop now, but mobile is ok...
Is there any reason you're using padding to change the width of the container ? You could just reduce the width in the Customizer > Layout > Container
I did it, just aligned container to text not box. Solved! Thanks!
Glad to hear that