Hello there,
In order to achieve that objective, could you please try to do the following?
1. Install and activate the Header and Footer Scripts plugin. Go to Settings > Header and Footer Scripts.
2. Paste the following to the “Scripts in header:” box
<style>
.header-image .slide-inner{
top: 50%;
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
-o-transform: translateY(-10%);
transform: translateY(-10%);
}
</style>
3. Paste the following code into the provided “Scripts in footer:” box
<script>
jQuery(function($) {
var headerImg = $('.header-image');
var ctaBtn = '<div class="slide-inner">'+
'<a href="#primary" class="roll-button button-slider">Click to begin</a>'+
'</div>';
if ( headerImg.is(':visible') ) {
headerImg.append(ctaBtn);
}
});
</script>
4. Save settings
Let me know how it goes. I’ll wait to hear back from you regarding your stats.
Regards,
Kharis