How do I adjust margins on mobile?


I can’t seem to find the answer to this.

On desktop view, my body fits well into the light gray central page area. I used this code to fit the text onto the gray page area:

    @media (min-width: 1200px) {
        html body .container {
            width: 1000px
    @media only screen and (max-width:460) {

But on mobile view (ipad or iphone) the text starts and ends outside of the central gray area. How can I make the margins larger in mobile view?

Thanks for helping this new guy.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 860px) {
      body.custom-background {
        background-size: cover !important;