How do I adjust the width of my desktop page??

[BGKelsey]

Hi! I am needing help adjusting my webpage to not span the entire width of my desktop? I would like it to be centered with margins on the left and right. I cannot figure out the coding to do so. Any advice would be greatly appreciated!! 

Specifically the Designers page. https://bygeorgeaustin.com/pages/designers

https://lwyxwunm7ucixnlw-35823485063.shopifypreview.com

Thank you,

Kelsey 

[Made4uo-Ribe · Accepted solution]

Hi @BGKelsey 

I just copy the width of example website which is 64rem and this is the result in your website. 

This is the code I used. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

@media only screen and (min-width: 749px){
.section-spacing.color-scheme.color-scheme--scheme-1.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673 .container {
    max-width: 64rem;
    margin: auto;
}
}

• And Save. 

[BGKelsey]

Thank you SO much!!! Works great.