Feeling overwhelmed by this sudden issue on my WordPress site. The logo isn't working properly, and I've saved this page as HTML for reference.
Check out the link:
Oddly enough, leaving a page open for a while or navigating away and returning triggers the background color to override the image on my site! It's frustrating, especially since I can't pinpoint the cause. Using Chrome browser.
The code in my header is set up like this:
<div id="background" class="background-size grayscale bg"></div>
Here's the CSS snippet:
#background {
background: url("[WORKING LINK HERE]") no-repeat center center fixed #e1e1e1;
background-size: cover;
}
Additionally...
.bg , #supersized {
top:0;
width:100%;
height:100%;
position:fixed;
z-index:-20;
}
Is there a way to fix this glitch? Unfortunately, it's hard to replicate since the issue occurs intermittently. If a page remains open in Chrome for an extended period, the problem arises. Appreciate any insights you may have!