Slides are too wide in portrait mobile mode

We’ve built and published our website using the Easy template. However, the responsive design does not work properly on mobile. Specifically, the slides on the homepage do not resize to take up only the width of a vertical mobile device. You can try this by going to predictspring.com on a mobile device. On the top you will see the slide image and you will see that you can scroll to the right to see the entire image. This shouldn’t be the case. Instead the images should be resized to fit on the mobile screen. Here is a screenshot of the site on a mobile device zoomed out so you see the slider image at the top much wider than the page text. Help!

Hi @ilan, thanks for the question ! Could you send me the site read-only link: https://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link, I am happy to take a look and find out what’s happening :slight_smile:

Thanks in advance! :slight_smile:
Cheers,
Dave

https://preview.webflow.com/preview/predictspringstage?preview=1c108dbb8c3d5ab63ffb10b469f005a0

thanks dave.

Hi Dave, have you by chance had time to review this issue? Our public site is pretty messed up on phones right now.

Thanks,

Ilan

I’m having the same issue, I would love to see Dave’s reply.

Hello @ilan and @atu.
Let me try to help you.

For some reason on mobile view Banner has position: absolute, but did not set alignment. So you hav to make some alignment or make position set to ​**auto.

Regards,
Anna

2 Likes

Wow, thanks @sabanna, that was it!

1 Like

Glad I could help :wink: :innocent:

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