Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hey,
Hoping someone can help me!
I am currently using the Dawn theme. I have a featured collection and on mobile view, there is a large gap underneath and there are numbers which I don't like the look of. Is there a way to reduce the gap and remove the numbers, please? I'd prefer the number to be dots if possible?
My website is https://maleka-uk.myshopify.com/ and password: Development123
Thanks in advance!
.slider-buttons.no-js-hidden {
display: none !Important;
}
Add this code in the bottom of the component-slider.css file
1. Navigate to Online Store->Theme->Edit code
2. Asset->/component-slider.css ->paste below code at the bottom of the file.
3. Save it.
@Mr_RaviRaj this worked, thank very much!
Is there also a way to reduce the space underneath the featured collection please?
Hie. Is there any way i can only remove the numbers from below the collection list and featured collection and not the slideshow section?
I ended up going into assets/component-slider.css and did a search for .slider-buttons and just typed in 'none' after the display code. I am using the Studio theme, so it may vary.
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025