Adjust Homepage Page Width

Store Design
1

Hello in my Shopify Theme Vantage are no Layout Options. Now Im trying to figur out how I can make the PageWidth Smaller on Desktop and Tablet because when i dont use the Full Width Option in some sections they are still like 95% of the Destop width and some Items like the Logo List even looks on fullwidth. It would be amazing when it would be like 70% width on Fullscreen instead of it is atm.

Here is the preview to the Theme atm Im trying to update it because my version is still 9.0.0 and its already 11.3 or something out: https://9hfbr5ba4o6abqit-60835692762.shopifypreview.com

My Shop atm: Soulsideshop.com

adminsoulside_2-1712688963658.png
adminsoulside_2-1712688963658.png2649Ă—1256 405 KB

adminsoulside_0-1712688771475.png
adminsoulside_0-1712688771475.png2536Ă—971 253 KB

adminsoulside_1-1712688889411.png
adminsoulside_1-1712688889411.png2649Ă—1256 405 KB

I tried to explain how it should look :slightly_smiling_face:
Ofc not only to those sections more like the Whole Page width on Desktop and probably big Tablets and only on the homepage or mainpage. Of Course the settings in some sections like Make it Full Width (For Example) for Banners still is nice.

Would be so awesome if someone can help me with this please.

2

Hey @adminsoulside ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Change the 70% to something you prefer

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1712689718543.jpeg
ThePrimeWeb_0-1712689718543.jpeg1253Ă—933 87.9 KB

1 Like
3

@media screen and (min-width: 980px) {
.gridlock .row {
width: 80%;
}
}

i added that to the costum css code without the important and it worked.
With the important some Snippets werent showing correctly anymore.

Thank you :slightly_smiling_face: