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

 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

I see that code is fine. What problem with it?

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.

I am trying to reduce the padding at the top and bottom of the Blog Overview and Contents Pages of my, so it matches the rest of the site .

I would also like to add more padding on the right of the text boxes on the Contents pages only, so the text box isn't as wide?

Also can I move the previous and next news story text at the bottom to line up with full screen, so the LH of the logo and RH of the cross in the header? 

https://wrasse-pigeon-s84s.squarespace.com/news
pw: sokastudio_jg

On 5/14/2024 at 10:49 PM, Soka said:

I am trying to reduce the padding at the top and bottom of the Blog Overview and Contents Pages of my, so it matches the rest of the site .

I would also like to add more padding on the right of the text boxes on the Contents pages only, so the text box isn't as wide?

Also can I move the previous and next news story text at the bottom to line up with full screen, so the LH of the logo and RH of the cross in the header? 

https://wrasse-pigeon-s84s.squarespace.com/news
pw: sokastudio_jg

The site is expired. You can access this link to extend it, then we can check problem easier.