Each time the download bar shows up at the bottom, the slideshow content on the Homepage suddenly moves up. It returns to its original position after I close the download bar.https://photos.app.goo.gl/F482eMfkXyfEZkdA9.
My assumption is that this issue is related to CSS. I hope someone can provide assistance. I apologize if a similar question has been asked before, but my search didn't yield any relevant results and I am still relatively new in this field.
Below is the CSS code:
#slideshow > div {
width: 970px;
height: 500px;
display: block;
float: left;
position: absolute;
bottom: -5px;
right: auto;
background-repeat: no-repeat;
margin-left: 20px;
line-height: 180px;
}
JavaScript:
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 5000);