Streaming live at 10am (PST)

Horizontal scrolling for no reason!


#1

Hi everyone! Im tyring to remove the little horizontal scrolling that happens on this website when viewed on mobile. I’ve tried putting all sections at 100% or Auto, and cannot understand why it’s happening!!

Here’s the share link: https://preview.webflow.com/preview/andys-dynamite-project-bde8dd?preview=8268445608ba97fcd07989867fd0816a

Here’s the live link:http://andys-dynamite-project-bde8dd.webflow.io/

Also now i dont understand why I cant scroll when viewing it with the google chrome inspect

Thanks for the help :hugs:


#2

@Andy2 please post a live link because i don’t see any issue in the editor


#3

Oh here: http://andys-dynamite-project-bde8dd.webflow.io/

Also just noticed that I cant scroll???

Thanks for your help!


#4

@Andy2 you cannot scroll on mobile because you set the overflow to hidden


#5

@Andy2 and i don’t see any scroll horizontal scroll bar what browser are you looking through


#6

Wow thanks I forgot that I set it to hidden to see why I was having the horizontal scroll problem. Thanks! I just changed it!


#7

@Andy2 you never want to set the body overflow to hidden unless you doing a custom scroll or webgl or canvas style site, you overflow hidden on elements such as section and divs to keep stuff from overflowing out of there container.


#8

I’m using chrome right now, but it also happen in the editor when the size is set to something larger than the smallest breakpoint. I thought it was the navbar but its not :frowning:!


#9

@Andy2 looking at it now


#10

@Andy2 It is your contact form padding causing your issue


#11

@Andy2 on your contact form container remove the 8px padding from both sides


#12

Awesome you found the problem! Thanks a lot! I wanted to have some sort of padding so we can see the section background. So I left the padding on the container but set the section to overflow:hidden and it worked!

Thanks a lot @Poliigon, I’ve been trying to solve this for the past hour!


#13

@Andy2 no problem but you have to keep in mind that by the time they are on a small screen that size there is not enough space. unless you make the forms itself a little smaller.