Horizontal scrolling problem in mobile version

Community resources Product feedback
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: Webflow - CFLS

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:

https://cl.ly/0Y1T3b0D2929/Screen%20Recording%202018-07-03%20at%2003.29%20PM.mov

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

1 Like
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:

50
50720×1280 49.9 KB

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:

50
50720×1280 49.9 KB

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.

8

Any progress on this, I’m having the same issues?

9

Hi @NVB
This is a while back and I can’t exactly remember what I did to fix this.
I think I double-checked all my divs and sections and made sure it was Auto width and that nothing was “overlapping”.

Sorry, I hope this helps.

10

Thanks for the reply!
I solved it by making sure the overflow setting of each section was set to ‘Hide’.

11

Awesome, glad you could fix it :grinning: