KPC
Kevin Powell - Community•10mo ago
Subi

Background-Color won’t cover iPhone notch

Hello , I am thing to have the background color I have set to fully cover the view on an iPhone. If you look at the top you can see there’s two different colors and want the hole entire screen including the notch to be white , thank you
6 Replies
CodeNascher
CodeNascher•10mo ago
is the white background on the body? if so, try also setting that color to the html element
Subi
Subi•10mo ago
html elment set to white plus i can't inspect element on my iphone unless there is way for me to do that mobile view on my laptop shows all one color
Mannix
Mannix•10mo ago
maybe you need this meta tag <meta name="apple-mobile-web-app-status-bar-style" content="black"> change the content value to white
Subi
Subi•10mo ago
will give this a shot
neal mcguire
neal mcguire•10mo ago
I'm not sure that you can. That area is not part of the browser. However, It might be possible to force the browser into full screen mode. That would require a little bit of javascript. The command is Element.requestFullscreen().
Subi
Subi•10mo ago
Got it ! Using nextjs 
export const metadata: Metadata = {
  title: '50 States Tour',
  description: 'Generated by create next app',
  themeColor: "white"
}
export const metadata: Metadata = {
  title: '50 States Tour',
  description: 'Generated by create next app',
  themeColor: "white"
}
add themColor property add set the color , thanks guys
Want results from more Discord servers?
Add your server
More Posts
SCSS @use with @layer.So I'm setting up a project and I'm looking to use @layer to implement ITCSS. I've worked with it beBEM with nested elementsHow would you name clasess in nested elements following BEM? ```html <div class="review"> <div Attempting a todo list - have I made life difficult by hardcoding the HTML?https://github.com/callum-laing/todo-list I've built the layout and now I need to add the interactiClick on "Choose a map"Hi everyone, I have a normal "Choose a map" button. I wanna make it so that when clicking on it - Imposter syndromeHI guys, I have been learning frontend web development for about a year now, but I still feel like Iwrapper issue and questionHey, I'm having a little issue with my wrapper working correctly, my hero section doesn't seem to reBest way to handle many possible components to render?I just ask this on twitter, but what would be your approach to it, imagine: U have a page, that calLooking for resources that either have transparent images, or have ways to make transparent B/G'sLike the picture. I'm trying to do a similar thing for a background but have zero luck so far in finHow to pass useRef to child components from parent component in React.js?I am trying GSAP animation library, where i have nested component an I need to ref to child componenChild 'react-router-dom' <Link> not respecting parent BS padding, sibling margins. Can't figure outI have a react component, called 'dashboard.js': ``` const Dashboard = () => { return ( <div