I’m trying to get my website working properly and I’m having trouble with the top bar on iOS safari.

The website in question is

Is there any way to use css or meta tags in order to remove this line between the header and the top bar. I haven’t been able to find any info and so far the only work around I’ve found is to make it a web app. Though I doubt people would add my website to their Home Screen just to avoid the issue.

CodePudding user response：

You cannot remove this line with css, it is for the browser to separate the top bar from your website. If your header has a different background color, you wouldn't even notice. Take a look at this (It is on an iPhone with notch) :