Change Site Width — Prestige

Solved
Highlighted
Tourist
7 0 2

Hello!

I'd like to decrease the width of my site, or add margins to the sides, so that it's not full-screen width. Can anyone assist me with the code?

Thanks!
Carly

0 Likes
Highlighted
Shopify Partner
1632 358 484

Hello @bisonbooks 

I read your description. Can you please provide your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 2

Hey!

Thanks for the reply. My site isn't yet published. You can find it here:

https://phoebesample.myshopify.com/

The password is sawzai.

—Carly

1 Like
Highlighted
Globetrotter
726 67 91

This is an accepted solution.


@bisonbooks wrote:

Hey!

Thanks for the reply. My site isn't yet published. You can find it here:

https://phoebesample.myshopify.com/

The password is sawzai.

—Carly


add this css to the very end of your theme.scss file, adjust number as per need

.PageContainer{margin: 0 20px;}

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Shopify Partner
6134 896 2071

Hello, @bisonbooks 

Thanks for URL.

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

.PageContainer {
    margin: 0;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
7 0 2

Hey!

So that definitely works. I have two more questions...

1. Is it possible for the announcement banner along the top to still run the full width?

2. Is it possible for the container to adjust relative to the size of the browser window? For example, I have a margin I like, but it doesn't look good if the browser window is smaller.

Thanks!
Carly

0 Likes
Highlighted
Shopify Partner
1632 358 484

what do you want? please send a screenshot.

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 2

The main issue with this solution is that it doesn't translate to smaller browser windows or mobile devices. This other theme, Venue, operates more like I had envisioned — there is a margin when the screen is wide, but it decreases as the screen becomes smaller, and doesn't impact the view on mobile devices.

https://www.trailbutter.com/

 

0 Likes
Highlighted
Shopify Partner
1632 358 484

This is an accepted solution.

Hey @bisonbooks 

add code assets/theme.scss.liquid bottom of the file

@media only screen and (max-width:768px) {
.PageContainer {margin: 0 0px;}
}


Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
9 0 0

I recently bought the editorial theme and while i do love the layout, everything on my page is so big.  Does anyone know how to adjust my site width?  I transferring over all my stuff from squarespace so I'm fairly new to this platform. Thank You!this is how it looks now.this is how it looks now.This is how i would like it to lookThis is how i would like it to look

0 Likes