A user sought help removing circular scroll buttons appearing on their homepage’s “collection list” and “featured collection” sections. The buttons only displayed on mobile, not desktop.
Solution Provided:
Two community members offered CSS solutions:
.slider-button { display: none !important; }component-slider.css in the theme filesOutcome:
The issue was successfully resolved using the provided CSS code. The original poster confirmed the solution worked and expressed gratitude. They subsequently asked for help with an unrelated header design question in a separate thread.
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
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;
}
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
Hi @Dan-From-Ryviu thank you very much! that worked, you are wonderful! Have a good day
You are very welcome!
Do you mind looking at my another unsolved question?
Sure, let me know that question?
Here is the question I posted:
Thank you so much! Really appreciate your help
