IOS Safari: How to change background color of footer and header which is out of bounds (refresh / bottom) area)

Question

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

Gykonik · Accepted Answer

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)">

IOS Safari: How to change background color of footer and header which is out of <body> bounds (refresh / bottom) area)

Tags:

html

css

mobile-safari

yodalr

1 Answers

Gykonik

Recent Activity

Donate For Us