Mobile app prototype on a web page

Community Beginner ,
Dec 26, 2020 Dec 26, 2020

Copy link to clipboard

Copied

34F5342F-8D2B-48FA-B6D2-7AF9B816D361.jpeg

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!

Views

475

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Community Beginner , Dec 30, 2020 Dec 30, 2020
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.

Likes

translate

Translate

Translate
Adobe Community Professional ,
Dec 26, 2020 Dec 26, 2020

Copy link to clipboard

Copied

How you build this page? Can you describe your workflow steps?

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 26, 2020 Dec 26, 2020

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 27, 2020 Dec 27, 2020

Copy link to clipboard

Copied

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?

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 27, 2020 Dec 27, 2020

Copy link to clipboard

Copied

Yes it shows in fullscreen mode too, I've tried debugging on multiple browsers and computers but it's all the same thing.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 28, 2020 Dec 28, 2020

Copy link to clipboard

Copied

Can you share a public link for review?

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 28, 2020 Dec 28, 2020

Copy link to clipboard

Copied

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 28, 2020 Dec 28, 2020

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 28, 2020 Dec 28, 2020

Copy link to clipboard

Copied

Tried it on both Edge,firefox and chrome browsers and i'm running on windows 10.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 28, 2020 Dec 28, 2020

Copy link to clipboard

Copied

Well, I can tell you that I don't see the scrolbars on OSX. Chrome, Firefox and Safari all do not show them

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 29, 2020 Dec 29, 2020

Copy link to clipboard

Copied

Here is my link maybe you'd see what i'm talking about -

https://xd.adobe.com/view/b3cd5638-eb35-46ae-98c2-3d8290fc30b8-e69e/

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 29, 2020 Dec 29, 2020

Copy link to clipboard

Copied

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

 

Screenshot 2020-12-29 214128.jpg

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 30, 2020 Dec 30, 2020

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines