Whenever I open a mobile app prototype link on a desktop webpage, it displays in a weird way, there is a large vertical scroll bar on the right and a horizontal white line at the top,center and bottom of the page therefore ruining the experience of people all over the world trying to interact with the app, and I've noticed this only happens because horizontal scroll is turned on from XD app itself and then I can't turn it off because they'll be no way for a user to scroll through each item horizontal under each categories as displayed in the picture above. I need a solution to this pls, Help anyone!
How you build this page? Can you describe your workflow steps?
I used an artboard size of 414(W) * 896(H) and I added horizontal slide scroll from side to side to the list of food items under each categories like favorites, today's special etc. Everything works fine when I test the prototype on adobe software but when I do that on the web in my computer through a shared link it shows the vertical scroll bar at the side of each categories.
Dose it shows when you viewing in Full Screen Mode in Browser?. May be it calculate from browser percentage relevant size, and that can be a reason?
Yes it shows in fullscreen mode too, I've tried debugging on multiple browsers and computers but it's all the same thing.
Can you share a public link for review?
Also, what browser and OS are you running on? Most likey there is an issue with content overflow and the CSS rendering on that browser.
Tried it on both Edge,firefox and chrome browsers and i'm running on windows 10.
Well, I can tell you that I don't see the scrolbars on OSX. Chrome, Firefox and Safari all do not show them
I see the same as Chris (no scrollbars). Here is screenshot. I am able to do horizontal and vertical scrolling by mouse. I use Opera
I'm really surprised about that,i guess i'll have to live with that and post the link publicly hopefully recruiters don't get to see them. Thank you all for your support.