Shopify themes, liquid, logos, and UX
How can i remove this thing below my featured collections, I dont know how its called but i would like to remove it. My website is xlforeal.com
@xlf Please add the below line of CSS code at the end of your base.css file
body .slider-buttons{
display:none;
}
Why do you want to remove that? The purpose for it is to let desktop customers see more products in the row. On mobile, it defaults to showing all products.
Hi @xlf,
Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:
.collection .slider-buttons {
display: none !important;
}
Hi@xlf , kindly use the below instructions and code.
1. Go to Online Store -> Theme -> Actions -> Edit code -> Assets.
2. In Assets, open your base.css file
3. In base.css, paste the below code at the end of the file
.collection .slider-buttons {
display: none !important;
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025