Fixing vertical scroll issue in Dawn theme's Featured Collection Carousel?

Solved

Fixing vertical scroll issue in Dawn theme's Featured Collection Carousel?

jansonlau
Visitor
3 0 0

Hi,

 

When I scroll down to the "Featured Collection" Carousel section of Dawn theme, there's an unwanted vertical scroll within the carousel. I think this was part of the default Dawn theme but I'm unable to debug it. Did anyone have this issue and know how to fix it? This happens on every page visit and goes away after I scroll the carousel horizontally.

 

Thanks!

Accepted Solution (1)
Nees612
Tourist
3 1 1

This is an accepted solution.

Hi ! Good news, in my case I was able to solve this by adding style="overflow-y: hidden;" on the ul element inside the slider-component.
Try the same, maybe it will help!
jhgkjfScreenshot_1.png

View solution in original post

Replies 5 (5)

Nees612
Tourist
3 1 1

Hi,

I am having the same issue here, also looking for a solution because i have no clue why this happens.

 

Did you managed to fix it?

 

Best regards,

jansonlau
Visitor
3 0 0
I haven't found a fix yet. I noticed hovering over a product image in the
card or right arrow fixes the scrolling issue but that is not ideal.
Nees612
Tourist
3 1 1

This is an accepted solution.

Hi ! Good news, in my case I was able to solve this by adding style="overflow-y: hidden;" on the ul element inside the slider-component.
Try the same, maybe it will help!
jhgkjfScreenshot_1.png

jansonlau
Visitor
3 0 0

Thank you so much! That fixed it!

Mireta
Excursionist
20 0 1

Hi @Nees612, yay, it fixed it.

I have the same issue in the blog post section.

Any suggestion how to fix it?
Thanks!

 

update:
I think I was able to fix it.

Added the code: style="overflow-y: hidden;" in featured-blog.liquid on the ul element.

Screenshot 2024-01-03 at 4.30.29 AM.png