First, use this to Custom CSS
/* Homepage - Top Banner Slideshow */
section[data-section-id="6993a8dd53bebe34dd73d371"] {
li.list-item .slide-content {
visibility: hidden;
}
.slide-content.list-item-card-background {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
Next, use this code to Code Injection > Footer (or Individual Page Header Injection)
<script>
document.addEventListener('DOMContentLoaded', function() {
const sectionElement = document.querySelector('section[data-section-id="6993a8dd53bebe34dd73d371"]');
if (sectionElement) {
const slideContent = sectionElement.querySelector('li.list-item:nth-child(1) .slide-content');
const slideshowHolder = sectionElement.querySelector('.slideshow-holder');
if (slideContent && slideshowHolder) {
slideshowHolder.appendChild(slideContent);
}
}
});
</script>