Site logo

Archived topic

Too narrowed content on mobile

7 replies · Started by Danijela Kalezic on April 13, 2021

Viewing posts 1–8 of 8

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

This archived topic is closed to new replies.