CMS Slider Broken Layout

Attributes
1

Experiencing pretty major issues with the layout of the CMS Slider.

Here’s a video walking through it: https://www.loom.com/share/1c77fe52faba4556be702dbf7dab6d79

It’s fully functional, just looks like it’s glitching somewhere to cause the layout to not respect the css I have set in webflow.

Any help would be greatly appreciated! Thanks :slight_smile:

2

Hello @hoovercollective, could you please share your published site and read-only link

3

@josephmukunga

https://preview.webflow.com/preview/safetraces-1?utm_medium=preview_link&utm_source=designer&utm_content=safetraces-1&preview=d21b27cfe3dd321e9ee04eb968209eaa&pageId=64653cd6cd7ee0e1dbea7249&workflow=preview

4

Your slider mask, the class w-slider-mask and testimonials_slider-mask has the style white-space: nowrap;. This is preventing the text from wrapping to fit into the screen

5

Ok, how would I fix this? Custom css or just change the css in webflow?

6

Here’s what I’m experiencing now.

7

@josephmukunga Anymore help on this would be great! Still haven’t solved it.

8

If anyone else can help that would be greatly appreciated. This is a client project that’s on a time crunch and this is the only thing holding it up and no one I talk to has answers that actually fix it.

9

hey @hoovercollective have you removed the script? I do not see the setup for CMS Slide on your read-only, or if you have a live link that will also help :slight_smile:

10

Here’s a live link: Government & Critical Infrastructure | SafeTraces

The script is still there.

11

@hoovercollective I am not sure what could be causing the issue, I have double-checked your setup and everything looks correct. You can always reference the Combos Clonable to see how we set things up.

12

Yea I don’t think it’s my setup. Seems to be an issue with either the attribute feature or webflows actual slider. Super weird. Hope someone has the answers.

13

@hoovercollective, you can force the text to wrap using this style
<style> .w-slider-mask.testimonials_slider-mask { white-space: normal !important; } </style>

14

@josephmukunga Thanks for that. Still not working though :confused: Super weird…

15

Looks like your site is cached on your end. I’m testing it on my end, and it’s working as expected (Loom | Free Screen & Video Recording Software | Loom).
Try clearing cache or open the site in icognito mode

16

@josephmukunga The problem is on mobile. It’s not cached. It’s still broken. Try inspecting and looking at mobile. The slider is still pushing off the screen.

17

I’m still not seeing this style added to the site

<style> .w-slider-mask.testimonials_slider-mask { white-space: normal !important; } </style>

Please confirm. As I have tested on mobile view and it works as expected when using this style

18

@josephmukunga

Maybe you can send a loom video of you doing it. I added it but nothing has changed. Maybe I’m doing it wrong…