REMOVE NUMBERS UNDER MULTICOLUMN AND SLIDESHOW SECTIONS

Store Design

Topic summary

A user seeks to remove navigation numbers and arrows from multicolumn and slideshow sections on mobile for the Shopify “Sense” theme.

Initial Solution:

  • CSS code provided to hide slider counters by adding display: none !important to .slider-counter in the slider-component.css file
  • This successfully removed numbers but left navigation arrows visible

Additional Requests:

  • Remove remaining navigation arrows from sliders
  • Create a “peek” effect showing partial preview of next multicolumn item

Arrow Removal Code:
A follow-up CSS snippet targets .sliderw-buttons .slider-button with display: none !important to hide arrow controls.

Status:
The discussion remains open with another user requesting similar assistance for their store’s slideshow and multicolumn sections. The original poster’s peek/preview feature request has not yet been addressed.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Good morning, I would need to remove the numbers below the multicolumn section and slideshow section in the mobile version. The theme is “Sense”.
I attach the screen.
I’ve tried every way I could but nothing, is it possible to fix this through code?

Thanks in advance!

1 Like
2

@FX2000
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

3

https://sprintmama.com/products/handymum

This is the page where we would like to make these changes

4

@FX2000

Add this code in the bottom of the slider-component.css file.

.slider-counter {
    min-width: 2rem;
    display: none !important;
}
1 Like
5

Okay thanks, the result is this, but remain the “arrows” can be removed?
In addition I would like to ask you if it is possible to do this kind of thing, that is to glimpse the second multicolumn already from the first, and so on. I attach the screenshots.

6

Okay thanks, the result is this, but remain the “arrows” can be removed?
In addition I would like to ask you if it is possible to do this kind of thing, that is to glimpse the second multicolumn already from the first, and so on. I attach the screenshots.

7

Add the following css:

.sliderw-buttons .slider-button {
display: none !important;
}
.slider-counter {
min-width: 2rem;
display: none !important;
}

8

Are you able to assist me with mine? I have both a slideshow and multicolumn that have the arrows, dots or numbers and I would like to remove those from both.

This is the direct link, they’re both on the home page – slideshow on the very top and multicolumn at the bottom with “Affilliates”

Thank you https://globalallureusa.net/