Remove the scroll button shown on the collection card

[lottiediao]

Hello everyone

I was wondering if anyone could help me to remove the two buttons shown on my homepage, specifically on my "collection list" section and "featured collection" section.

I just want to remove the 2 round buttons on these two sections please do not affect the other sections that have the scroll button. The 2 buttons only show on my mobile, not on the desktop 🙂

Thank you so much!

URL: yinheart.com

Theme: Sense

[Dan-From-Ryviu · Accepted solution]

Hi @lottiediao 

You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

.slider-button {
display: none !important;
}

[lottiediao]

Hi @Dan-From-Ryviu thank you very much! that worked, you are wonderful! Have a good day 🙂

[Dan-From-Ryviu]

You are very welcome! 

[lottiediao]

Do you mind looking at my another unsolved question?

[Dan-From-Ryviu]

Sure, let me know that question?

[lottiediao]

Here is the question I posted:

https://community.shopify.com/c/shopify-design/header-design-transparent-to-white-when-scrolling-dow...

Thank you so much! Really appreciate your help 🙂

[GTLOfficial]

Hello @lottiediao 

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-slider.css
add this code at the end of the file and save.

.slider-button.slider-button--next {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks