How do I change the width of Shopify website on Stiletto theme?

[StatelyRS]

Hi there,

I have been attempting to change the width of my website theme.

Everything feels a bit big and would like to just scale everything down on desktop.

I have tried many solutions in the Shopify discussions but none of them seem to work with the Stiletto theme.

Has anyone tried it using the Stiletto theme and it worked?

Thanks so much,

Gen

[Moeed]

Hey @StatelyRS

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[dbuglab]

Hi @StatelyRS

Could you please provide your Store URL and Password too?

With Regards,
Dbuglab

[Dan-From-Ryviu]

Hi @StatelyRS

You can do that by change value of –max-width in your template-article.css file in Online store > Themes > Edit code > Assets

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

main#main {
   max-width: 100% !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

[StatelyRS]

Hi everyone,

I have tried all solutions listed below but they don’t seem to work.

My website is statelystudio.com and the password is steide

Basically, the website just feels too wide and everything looks oversized.

I just want the whole site narrower.

Thanks

[StatelyRS]

statelystudio.com password is steide

Thanks in advance

[StatelyRS]

statelystudio.com password is steide

Thanks in advance!

[Dan-From-Ryviu]

Do you mean your hero image slider section? Please check in your theme customize is there an option to change from full width to narrow or go to your Online store > Themes > Edit code > open theme.css file, file this code

.section.section--full-width{
    max-width:unset;
    padding-right:0;
    padding-left:0;
}

Remove this part

max-width:unset;

So your store will look like this

[StatelyRS]

I’d like it to look like the first image. The whole site and page is narrower with white space on the left and right on the text and images. If you look at it in comparison to my website search and bookmarks you can see it’s not as wide as them.

Then when I publish it, it goes full width like this. The whole site becomes full width and everything looks too big.

[Dan-From-Ryviu]

Did you change value of –max-width in Online store > Themes > Edit code > Assets > template-article.css? You can try to change it to 1200px

[StatelyRS]

Hi Dan,

I’ve tried it and unfortunately no luck!