How to remove numbers under featured collection on mobile view (Dawn Theme)

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!

1 Like

@maleka

@maleka

.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.
1 Like

@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.