Slider 3 issue on Sydney

Hi There,

I trust you are well.

I am still having a bit of trouble on ipad and mobile version using the Slider 3 :frowning:

I have tried to browse through Slider 3 support topics but literally could pick up nothing on this issue.

As you can see below, the slider looks terrible on mobile :frowning:

Roman had helped me previous with the same issue, but this was in Airi theme, so will probably need a bit of extra help with Sydney theme if possible :pray:t2: here is the previous topic that Roman had helped me with for Airi theme: Slider 3 issue on mobile

Our details: Our url is: http://chanellevirtualassist.com/
Password: SHANISEPAD

Many thanks
Best,
Mel

Hello Mel, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.n2-ss-item-content.n2-ow {
    white-space: break-spaces !important;
}

Kind Regards, Roman.
aThemes Support

1 Like

Yay this works :tada: thank you so much :slight_smile:

Have a great day

Best,
Mel

2 Likes

You are welcome Mel!

And thanks, same to you :slight_smile:

Kind Regards, Roman.
aThemes Support

Hi Mel,

Is it possible that the “No Wrap” is turned on at the heading layer? That prevents the text from breaking up, even when it would be needed on smaller screens.
An alternative solution, without having to do custom CSS coding, would be to turn off the No Wrap at the heading layer(s).

1 Like

Hi There :slight_smile:

Thank you so much for this, I am definitely going to look into this and try it out :hugs:

Have a beautiful day

Best,
Mel