Jump to content

Need help with getting the width of my store page the same as other pages.

Recommended Posts

 Hello all.


I could use some help with having my store page be the same width as my other pages.
 All pages are set to Inset. I have minimal experience with CSS and tried adding this code after using the dev inspector:

.tweak-products-width-inset .products.collection-content-wrapper {
    max-width: 1400px;
    padding-left: 0;
    padding-right: 0;
 	padding-top: 1.5vw;
    margin: 0 auto;
}

Although it did work, I noticed the page glitching sometimes.
This has made me unsure if this is the right way to solve this problem.
Any help would be great.

This is the store page:

https://www.sebagresti.com/store

 

Thanks

Link to comment
  • Replies 2
  • Views 281
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi @tuanphan Whenever I load the store page, it first shows the narrower original width for half a second and then jumps to the new, wider width. I've tried this on multiple browsers.

I also noticed that when loading it on a different and smaller laptop, the store page takes the entire width of the screen. The other pages however still shows padding space at the edges.

This has made me wonder if this is the correct way to go about changing the css code.
I would like to have all pages always show up in the same width.

Edited by Lesebb
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.