How do I adjust the width of my whole website?

[withaudette]

It currently looks fine on macbook - but on a larger desktop everything else seems resized smaller, leaving white spaces on left and right. Is there an auto size code that enables the system to resize for different screen sizes?

[TheUntechnickle]

Hey @withaudette,

Hope you're doing well 🙂

Here’s what you can do:

1. Theme Customizer:
   Go to your Shopify admin, navigate to Online Store > Themes, then click Customize on your active theme.
   Under Theme Settings (usually found at the bottom left), look for the Layout section. From there, you can increase the Page Width to better fill out larger screens.

2. Custom Code (Optional):
   If you'd like more control, we can help you add custom CSS that automatically adjusts the layout based on screen size — ensuring it looks great on all devices. Let us know if you'd like help with that, and we’ll walk you through it or take care of it for you.

Let us know how you'd like to proceed or if you need any help making these changes — happy to assist!

Best regards,
Shubham | Untechnickle

[Sivadarshan · Accepted solution]

@withaudette, can you please share the website preview link, I'll give you support

.page-width {
width: 100% !important;
max-width: 100% !important;
padding: 0 20px;
}

Paste this code in click on customize the theme > settings on Top left > scroll down to custom CSS  > add the code there.



If it works please like and accept the answer