How do I adjust margins on mobile?

Hello,

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

www.motorcitycharters.com

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;
      }
    }

Regards,
Kharis