Skip to main content
Erlend.Istad
Participating Frequently
June 2, 2021
Question

White borders when viewing prototype in browser on phone

  • June 2, 2021
  • 1 reply
  • 1972 views

Hi,

 

When I view my shared prototype in browser on phone(iPhone 11, iOS 14.4.2, Safari) it adds a white border/padding on the left and right side. I tried to change the viewport height of the artboard so that it fits within the viewport/fold in the browser, but that doesn't help. It adds a white border no matter how small I set the viewport height to. 

 

I tried both with fullscreen option on and off.

 

Is there a way to fix this?

 

Regards,

Erlend

This topic has been closed for replies.

1 reply

Ares Hovhannesyan
Community Expert
June 2, 2021

Can you share a link to test in browser? Did you get the same result in different browsers?

Erlend.Istad
Participating Frequently
June 2, 2021

Here is the link: https://xd.adobe.com/view/07ca95c4-485d-44e3-a915-7372e8e4947b-5299/?fullscreen

 

I got the same result in Chrome on iOS.

HARSHIKA_VERMA
Community Manager
Community Manager
June 3, 2021

Yes. I've seen that one already. It didn't fix the problem.


Thanks for trying the steps. Could you please share the screenshot of your artboard showing the right-side property inspector for a better understanding? Does that happen with every file with the same settings? How does it look like when you see it in desktop preview within XD app?

 

We will try our best to investigate the issue.

 

Thanks,

Harshika