Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
Code did not worked whent put in base.css, but worked when put in each section custom CSS field 🙂
Hello @DaivaHappy ,
Could you please share website URL and password here?
Thanks,
Ritu
Hello @DaivaHappy ,
Please add this CSS in Base.css.
.collection-list-wrapper .slider-buttons {
display: none;
}
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?
Okay then for all just use this code.
.slider-buttons {
display: none;
}
This is an accepted solution.
Code did not worked whent put in base.css, but worked when put in each section custom CSS field 🙂
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 and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
I am not that advanced to be able to put code somewhere in the middle... 😞
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
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
thank you, perfect explanation and it worked 🙂
@media screen and (max-width:990px) {
.slider-mobile-gutter .slider-buttons {
display: none;
}
}
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024