How can I adjust the Spark template width for a narrower site?

Store Design
1

Hi,

I would like to make my site smaller - the width really. Any way to adjust the Spark template to a more narrow width overall? Margins? padding?

Thx

2

Please share store URL so that exact code can be provided.

3

www.downeastdaybaot.com

4

plz update the URL its not working

5

www.downeastdayboat.com

6

I figured out the boat spelling was wrong. do you want to reduce the width of complete site(including slider) or just the inner section

7

Hi - I’d like to see what my site looks like with an overall reduced width

  • thanks
8

Hi,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.

play around with width. you can increase/decrease 80 to your choice. don’t forgot % sign

#main {
    width: 80%;
    align-self: center;
}