After I click view collection the shirts on the collection page auto scroll down once they finish loading. The same thing happens on each product page. I’d like the images to just stay at the top. If you know how to do this lmk!https://youtu.be/59J4PcCziy4
-Hugo
Website url? I can only assume the header gets larger on load
& even when I hide the header this still happens. Could it be a margin thing?
It seems like a padding is causing the issue, the line code below, you need to get rid of style code
end result should be
Ok, where should this be under? Theme.liquid?
@HugoGaribaldi yes try there, search for pagecontainer / padding-top and see if it’s there
yes try there, search for pagecontainer / padding-top and see if it’s there
@HugoGaribaldi thought you said theme.scss, my bad, yes search in the theme.liquid file. the file you’re on. Search for padding-top.
This is a specific inline css styling. It wouldnt be in theme.scss
Yeah I searched it can’t find it on there. I am also using Pagefly on the home page but not for this one.
@HugoGaribaldi what theme are you using
Just says layer 1, probably the default theme.
@HugoGaribaldi layer 1 isn’t a default theme but you might be using a free theme then so it shouldnt be doing this. I assume pagefly is something editing the styling. Can you search pageful for padding-top: 95px;
@HugoGaribaldi if you cant find it, the resolve this solution, edit the below css element. At the end of the day itll solve your problem BUT you need to find the inline element and delete it. I reckon it’s in one of your apps you installed.
padding-top: 0 !important;
to the below code, in your theme.scss file
.page-container {
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
Ok tried that, it locks in the shirts to the lower position on the collection page. Still goes down on the product pages though. Less smooth now it jumps down.