Why does my homepage collections layout move on mobile devices?

Store Design
,
1

Hello, Can someone help me figure out why my Homepage Collections Layout is moving up and down when i scroll over othem mobile devices only?

Link : urbanchic.ro

Thanks

2

@cimprea

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >template-collection.css and paste this at the bottom of the file.
@media screen and (max-width: 989px){
.collection .slider.slider--tablet {margin-bottom: 0rem !important;}
}

Thanks!

3

Still the same! I thought i is from “GLO Color Swatch” app, but if i disable it nothing happens.

Also, i’ve used this piece of code

“.collection .slider-buttons
{
display: none;” to hide the counters numbers from collections. Even if i delete this the movement is still there!

Thank you!

4

@cimprea

Please add the following CSS

.slider-buttons {display: none !important;}
1 Like
5

@cimprea

Thanks Welcome Again

6

Still there! Could it be from that 5 px padding?

Screenshot 2023-07-05 231207.png
Screenshot 2023-07-05 231207.png410Ă—892 118 KB

7

@cimprea

you will add this CSS code ?

@media screen and (max-width: 989px){ .collection .slider.slider–tablet {margin-bottom: 0rem !important;} }

8

Found it! I had the option “reveal sections on scroll” enabled and after i disabled it everything is back to normal! Thanks!