NO BUG: Nested Slider Navigation Not Working on Mobile

agelfand · July 1, 2026, 3:36pm

Browser: Safari (iphone), Chrome (desktop)
OS: macOS (phone), Windows (desktop)
URL: https://ikonopedia1.wpenginepowered.com/solutions/

Bricks Version: 2.3.8

EDITED TO ADD: I saw on another post that the slider will not accept decimals in the settings. I had mine set to 1.15 so you would see a peek of the next slide on mobile. I changed this to 1. Now I can swipe and navigate through, but the dots still look messed up, like the screenshot included here. Also I still want there to be a little bit of the next slide peeking out - is that possible?

I created a carousel-style slider for mobile only with dot navigation. It looks fine in the builder but in my browser on desktop or mobile the dots are not rendering as styled and you cannot advance through the slides. I haven’t done any special customization to this element so I expected it to just work. What am I missing?

timmse · July 2, 2026, 5:57am

Hi Amy,
Thanks for your report!

That’s right, Splide doesn’t support decimals. You can either use custom slider options or simply add this to the custom CSS of the slider (the easier option).

%root% .splide__list {
  padding-right: 150px;
}

It looks like your custom styles are overriding these styles. You can probably fix this by wrapping your styles in @layer {} or disable cascade layers in Bricks » Settings » Performance (not recommended).