Remove slide counter on mobile swipe enabled sections | Dawn

[DaivaHappy]

Hi, how could I remove slide counter on mobile swipe enabled sections, but it is not slides, its collections and multicolumn sections. See picture bellow

 

[Dan-From-Ryviu · Accepted solution]

Go to your Online Store > Themes > Customize > select section you want to hide slide counter, add code in Custom CSS

[Ritu-25]

Hello @DaivaHappy , 

Could you please share website URL and password here?

Thanks, 

Ritu 

[DaivaHappy]

Hi, https://wearhappy.lt/, no password, its live already

[Ritu-25]

Hello @DaivaHappy , 

Please add this CSS in Base.css. 

.collection-list-wrapper .slider-buttons {
    display: none;
}

[DaivaHappy]

The code worked on collections section, but on multicolumn (section bellow in my picture) you can still see the counter. Could you help me to remove that one as well?

[Ritu-25]

@DaivaHappy , 

Okay then for all just use this code. 

.slider-buttons {
    display: none;
}

[DaivaHappy · Accepted solution]

Code did not worked whent put in base.css, but worked when put in each section custom CSS field 🙂 

[Dan-From-Ryviu]

You can add this code to Custom CSS of each section in Online Store > Themes > Customize to remove it

.slider-buttons { display: none; }

[DaivaHappy]

I am not that advanced to be able to put code somewhere in the middle... 😞

[Dan-From-Ryviu · Accepted solution]

Go to your Online Store > Themes > Customize > select section you want to hide slide counter, add code in Custom CSS

[DaivaHappy]

thank you, perfect explanation and it worked 🙂

[Vinsinfo]

@DaivaHappy Please follow below steps to hide slider count on mobile view alone. Let me know whether it is helpful for you.

1. From admin panel, go to "Online Store" -> "Themes".

2. Click action button from the current theme and select "Edit code".

3. Search "component-slider.css" and then paste the below code in the bottom of that file.

CODE:

@media screen and (max-width:990px) {
  .slider-mobile-gutter .slider-buttons {
    display: none;
  }
}

For your information - You can update the pixel from 991px to any other pixel that you want to hide the slider buttons.

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.