My issue is that the background suddenly cuts off on my webpage. It was displaying correctly on Chrome, but now it's cutting off in the middle of the page (http://prntscr.com/kwsaxn).
This is the CSS code I'm using:
html, body {
background: url(../images/background.jpg) no-repeat center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
This code is being executed in the header:
<link rel="stylesheet" href="css/style.css">
I've searched online for solutions but haven't been able to find any. Maybe it's a simple fix like my previous issues and I'm just overlooking something.
It could be related to where the <background> tag is placed, but I had it set up like this before when it was working fine.
For testing purposes, I checked it on Edge, Chrome, and Safari on my iPhone.
Thank you :)