Streaming live at 10am (PST)

Horizontal scrolling problem in mobile version


#1

Hi guys, I hope all is well.

I am ready to launch my project but only have one slight problem.
On the mobile landscape and portrait site, a horizontal scrollbar on mobile appears when I scroll down to the “Why Use Us” Section.
I can’t scroll down to the “contact us” or google maps section, even when I use the menu to navigate to contact us it stops at “Why Use Us”

Here is the read-only link: https://preview.webflow.com/preview/cfls?preview=095553ec1c650a886a69df1dbdbf0422

Funny thing is that in Preview mode in the Webflow Designer, I have no trouble at all. I checked for any overflowing issues, but no luck.

Thanks for your time and help.


#2

Hi @Jacques,

Thanks for the post, I made a quick video about the overflow, although I could not observe the scrolling issue:

As to the scrolling, I would also recommend to check that the browser is running the latest updates, and to see if there are any browser extensions loaded that might be conflicting with the Webflow browser code.

A good way to check if browser extensions are conflicting, is to open the browser in Incognito mode (in Chrome) or Private Window mode (in Safari) and reload the site in the designer.

If you can help to share a screencast of the scrolling issue, that will help. Here is a good tool: https://getcloudapp.com.

I hope this helps,
Dave


#3

Hi Dave, thank you so much for getting back to me. And thank you for the video.
I made the changes as you suggested, but there is still a horizontal scrollbar appearing.

Please test it on a mobile device. http://cfls.webflow.io/

When scrolling down the website everything works fine, but once I use the menu to navigate to the “Why Use us” or “Contact Us” Section this happens:


#4

@cyberdave
Hi @cyberdave, any news yet?


#5

@cyberdave @PixelGeek Hi Dave, thank you so much for getting back to me. And thank you for the video.
I made the changes as you suggested, but there is still a horizontal scrollbar appearing.

Please test it on a mobile device. http://cfls.webflow.io/

When scrolling down the website everything works fine, but once I use the menu to navigate to the “Why Use us” or “Contact Us” Section this happens:


#6

Hi @Jacques, could you help to let me know what kind of mobile device it is that you are using?

Thanks in advance


#7

Hi @cyberdave, I have tested the site on a Samsung, Sony, and LG (all of them with different screen sizes) Al of them gives this same problem. The company I designed the website for also have the same problem on their mobile devices. All the browsers (safari, chrome) is up to date.