How to design around the notch

New Here ,
May 06, 2021 May 06, 2021

Copy link to clipboard

Copied

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. 

Views

141

Likes

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 Employee ,
May 06, 2021 May 06, 2021

Copy link to clipboard

Copied

LATEST

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

Likes

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