0

So, even with background color set like this:

body, html {
     background: #000;
}

When I scroll to the bottom of the page on IOS Safari, there is this "elastic part" which reveals a white background which is not part of the design of my website. Similar thing happens on header of the page when I try to refresh: enter image description here

It has been fixed on CNN.com, but I can't figure out how.

enter image description here

yodalr
  • 9,778
  • 10
  • 32
  • 47

1 Answers1

1

According to this question, you could try the following:

<meta name="theme-color" content="#f6f8fa" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#161b22" media="(prefers-color-scheme: dark)">
Gykonik
  • 638
  • 1
  • 7
  • 24
  • 1
    I will accept this answer, but leave my question up as it is better worded than the one you referenced. Also With this I can only change header and footer both. However ideally I would like to change them separately. – yodalr May 05 '23 at 21:57
  • I think changing them independently is not possible, but I'm not entirely sure. – Gykonik May 06 '23 at 07:02