Thank you Tuanphan, I commented in my previous post that it was a padding issue and I applied a fix that worked, until recently. I've included all of the code I'm using for this feature below, any help is very appreciated, I've gone over it numerous times and I'm just not seeing the solution.
Edit: The gold bar with the feature is intended to be just below the header containing the navigation and logo.
Script in Code Injection
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("#quick-exit").on("click", function() {
window.open("https://www.lifehack.org/695043/workout-routine-for-women-to-get-strong-and-toned", "_newtab");
window.location.replace('https://blogs.womans.org/category/health-fitness/');
});
});
</script>
CSS
#quick-exit {
position:fixed;
top:128px;
left:0;
z-index:9999;
background:#f2bb31;
width:100% !important;
padding:0px;
text-align:center;
}
#quick-exit h2 {margin:0 !important;}
#quick-exit p {margin:0.2em 0 0 0 !important;}
/* Override h2 color style in quick escape bar */
#block-yui_3_17_2_1_1638291030593_8354
h2 {color: #ffffff !important;
}
Footer Code Block
<div id="quick-exit">
<h2>QUICK EXIT:</h2>
<p>Tap this bar anytime to immediately close this page and open two others.</p>
</div>