How do I adjust the width of my desktop page?

Store Design
, , ,
1

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

1 Like
2

Hi @BGKelsey

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

Made4uoRibe_0-1719869419925.png
Made4uoRibe_0-1719869419925.png1901×736 44.1 KB

This is the code I used.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. 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.
1 Like
3

Thank you SO much!!! Works great.

1 Like