Slides are too wide in portrait mobile mode

Design help General
1

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!

640×960 108 KB

2

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

3

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

thanks dave.

4

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

5

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

6

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​.

1920×945 200 KB

Regards,
Anna

7

Wow, thanks @sabanna, that was it!

8

Glad I could help :wink: :innocent: