Streaming live at 10am (PST)

Slider responsiveness issues

#1

Hello everyone

I am having an issue in the home page, under Section 100w550pxH Section and I have the same identical slider on the About UMI page.

If I duplicate a slide (it could be slide 1 or 2), then it is no longer responsive and falls off the page when looking at the smallest mobile (vertical view). Not sure how to fix this. Can anyone help?

Here is a video: https://www.loom.com/share/df52afc3697b4bf991dd1f05411c38f7

Here is my project link: https://preview.webflow.com/preview/umi-8210d6-4d0f7f0e4a4968c5e0e12bb1d2b9?utm_source=umi-8210d6-4d0f7f0e4a4968c5e0e12bb1d2b9&preview=1cf8cf4bba838a476b1f28d6a75ced17

Thank you

#2

Hi @katvazquez, thanks for your post On mobile views, remove all margins from your elements and use padding instead. If the content in the slide plus the margins exceed the body width, you will see the overflow as shown in your video.

I hope this helps.

#3

Hi Dave,

I went through all the elements on the mobile vertical view on the Home page. I went through and removed the margins. However, I’m still having the same issue. Furthermore, if I try to add padding to the paragraph (named main paragraph) it just keeps going off the page.

Here is the updated link again (has been transferred to client):

https://preview.webflow.com/preview/umi-8210d6?utm_source=umi-8210d6&preview=c87027688bc8f52bde9e18c1d2dcf0da

Here is a video showing issue. Please see issue for slides on the mobile vertical view at the smallest setting: https://www.loom.com/share/5ba03a163d224ce098a262019245a726

#4

I don’t know how this happened, but something caused the responsiveness to go all out of whack when trying to fix other parts. Please see link for video from client. I do not see the same issues on my laptop.

The video is a bit crude but on the home page, in the 100vh Section, the white text is falling out of the blue box named benefits wrapper. Also, in the next section (named 100vw) the elements inside the “featuresBlueBox” container have spread out all weirdly.

Also, in the Policies page the alignment for everything is out of whack and you now have to scroll to see the entire photo. If you continue to scroll, you also see how the alignment is all off and the elements are everywhere.

Attached are some screenshots of what I’m seeing on my screen.

Please help!

Read-only link: https://preview.webflow.com/preview/umi-8210d6?utm_source=umi-8210d6&preview=c87027688bc8f52bde9e18c1d2dcf0da

Video link: https://1drv.ms/v/s!Au_J6lSMeYs1hwQm5cmfGOpdquyp

Published website link: https://www.unitedmembersinsurance.com/