Hello, we’d like to eliminate all of the blank space on our site, and have it be full screen width. Store is https://www.imexrc.com/ , not password protected.
I’ve tried some snippets of code from other answers on the forum regarding Debut specifically, but none did anything.
We’d like featured collections, image galleries, collection pages, etc. to span the full width of the screen. It appears to be full width in the editor but everything except the gallery at the bottom of our home screen does not show full width.
Thank you to anyone who can help.
You can go to the theme.css file find the class .page-width and change max-width to 100%
I don’t recommend this beacause in larger screens is going to look bad , so my recommendations is to set it to 1920px
Is there a faster way to locate the .page-width? The theme.css is 7,000 lines long.
Hi @imexmodelco2 ,
Do you want this section only will be full width? I set full width for the whole section in the page.
This one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
.page-width {
max-width: 100%;
}
Result:
If you like this area only. Tty this.
div#shopify-section-1612202921e642816a .page-width {
max-width: 100%;
}
Result:
I hope it help.
This worked, thank you so much!
