How to design around the notch

Question

Hi,

I am designing my first website and when testing on my iphone 11 the notch where the camera is, hides the top part of my design.

Normally an address bar would go above the site with the URL but obviously we don't have that, so how do I design around that so I can get a good idea of what it will look like on a browser.

Rishabh_Tiwari · Answer

Hi Tariq,

Thanks for reaching out. I found a similar discussion on the community, which you can refer to here: https://community.adobe.com/t5/adobe-xd/mobile-display-issues/m-p/10268037#M10758

As per this discussion, this might happen because of a different artboard template. So please check and let us know if that helps or if you need any further assistance.

Regards

Rishabh

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.