Can't reposition the slider nav

Design help General
1

I’ve created this site

https://preview.webflow.com/preview/cvlt-website-v4?preview=14aa353ea2f597ef7ea60e6e9455237c

There’s two pages with image sliders faq-groups and faq-workouts, everything is working fine apart from on my iPhone the slider nav is overlapped by the caption text on the slides and I can’t work out how to move it down.

It looks fine in mobile view in web flow, its just when I view the site on my phone it happens.

Here’s two screen grabs to show you what I mean, one in web flow and the other from my iPhone.

696×1382 120 KB

750×1334 132 KB

I can’t work out how to stop the text overlapping it can you help?

1 Like
2

Hello @GlennAsh,

For fixing this situation, remove max-height: 520px from the mask and height: 520px from the slider.

Best regards,
Anna

2 Likes
3

Thanks for the quick answer, you’re a life saver! I thought I’d have to stay late at work tonight.

Now I can leave on time and go to the pub :+1::+1::+1::+1:

2 Likes
4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.