▼
Streaming live at 10am (PST)

Site has blank space to the right in mobile version [SOLVED]

#1

Testing my site on mobile (portrait), I realized I could scroll to the right and there is a blank space running all the way down the right side. That is until it reaches the “Open Positions” section where it corrects itself. Is this something with the JavaScript scroll interactions I have setup? I also have all my sections set to Relative, so my background video could be fixed - I may have not set that up correctly.

I am testing on a Note8 with most up to date version of Chrome.

I can scroll over in the mobile viewpoint setting in the Designer, not as much but you can tell it is allowing the page to scroll horizontally which it should not.

Any help would be greatly appreciated.

Screenshot_20180105-134329
Screenshot_20180105-134329.jpg1440x2960 1.49 MB

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

#2

Hey @Seth_Opperman,

Could you provide your Webflow sharelink: https://university.webflow.com/article/sharing-your-sites-read-only-link

We’d be happy to take a look and help :blush:

#3

He put it in the LINK above. Check it out, because I can’t see where the blank space on scrolling right is showing.

#4

Thanks @garymichael1313! Missed it. Gotten so accustomed to it not being added. :blush:

#5

Hey @Seth_Opperman, just a tip. If you use a scroll to section, make the nav bar sticky allowing users to go back up… or down.

Have it show on scroll or fixed to top. Otherwise, navigation is a little challenging.

#6

Hi @Seth_Opperman,

In order to fix the horizontal scroll we would need to make the interactions that slide in from left/right to initially be display:none. Currently, their position causes the window to scroll.

The following video shows when the interactions are complete - the window no longer has horizontal scroll: https://youtu.be/25TgsLxKWdc

Hopefully this helps :nerd_face:

#7

Yeah I can only see a slight left movement, but you guys are showing a large move. The easiest thing to test, is put the Body layer to Overflow: hidden. Then look again. I’ll have to defer the rest, my machine is not showing much :grin:

#8

@garymichael1313, Thanks for the tip. I implemented that and agree it makes navigation much easier.

#9

Not a problem, have a great week!

#10

@micahryanhtml, You nailed it. Thanks so much for your help!

#11

@Seth_Opperman Oh, no problem. Glad I could help!

closed #12

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.