Solved

Remove slide counter on mobile swipe enabled sections | Dawn

DaivaHappy
Excursionist
16 1 3

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

 IMG_5347.jpg

Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

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

Screenshot 2024-02-22 at 16.54.51.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

DaivaHappy
Excursionist
16 1 3

This is an accepted solution.

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

View solution in original post

Replies 11 (11)

Ritu-25
Shopify Partner
129 26 15

Hello @DaivaHappy , 

Could you please share website URL and password here?

 

 

Thanks, 

Ritu 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
DaivaHappy
Excursionist
16 1 3

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

Ritu-25
Shopify Partner
129 26 15

Hello @DaivaHappy , 

Please add this CSS in Base.css. 

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

 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
DaivaHappy
Excursionist
16 1 3

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
Shopify Partner
129 26 15

@DaivaHappy , 

Okay then for all just use this code. 

.slider-buttons {
    display: none;
}
If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
DaivaHappy
Excursionist
16 1 3

This is an accepted solution.

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

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

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

.slider-buttons { display: none; }

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

DaivaHappy
Excursionist
16 1 3

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

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

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

Screenshot 2024-02-22 at 16.54.51.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

DaivaHappy
Excursionist
16 1 3

thank you, perfect explanation and it worked 🙂

Vinsinfo
Shopify Partner
181 60 54
@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.
priyavinsinfo_0-1708595699484.png

 

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