Slider Mobile Width issues

Design help General
1

Hi Everyone,

I’m losing my mind trying to figure this out. I created a site that’s really coming along but the slider functionality is making me lose my mind!

So although the site has Decent responsiveness (text/images) I’m seeing on mobile (specifically on my phone, not the smallest viewport on a desktop) there’s a wide margin of dead space on the front page, directly where a person would scroll the gallery slider horizontally. I’ve tried every which way to set max-width and regular width to 100vw but I can’t seem to shake this. PLEASE HELP (USE IMAGES BELOW) you can access my share code below! Thank you.

This is the homepage normally-

239477265_1156808811476823_6266826696747253573_n
239477265_1156808811476823_6266826696747253573_n720×1333 110 KB

And this is the homepage when I slide the scroller

240735561_366034891695130_3740136265976335263_n
240735561_366034891695130_3740136265976335263_n720×1304 77 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey @privatepiggie

I believe this is just an issue with overflowing content. Should be a pretty easy fix. Just set the overflow property 0n your Slider 3 class to hidden. This should fix your problem. :grinning:

1 Like
3

BTW lovely design! :grin:

4

:sob: :sob: :sob: THANK YOU FOR SAYING NICE THINGS, I WILL TRY THIS!

5

OMG IT WORKED, I AM CRYING THANK YOU FOR YOUR KINDNESS!

1 Like