Hello Casey,
Can you please explain how you added slide logo that is above the button?
Kind Regards, Roman.
Hi Roman,
I added the logo in the header with these 2 scripts:
Header:
<style type=”text/css”>
.slide-logo-wrap{
position: absolute;
top: -100px;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
text-align: center;
}
.slide-logo{
display: table;
position: relative;
width: 100%;
height: 100%;
}
.slide-logo div{
display: table-cell;
vertical-align: middle;
position: relative;
}
.slide-logo a{
padding: 10px 10px;
}
</style>
Footer:
<script type=”text/javascript”>
(function($){
if( $(‘.header-slider’).length ){
var siteURL = ‘http://witsae.com’;
var siteName = ‘Society of Automotive Engineers’;
var logoImg = ‘https://image.ibb.co/kH4s8v/Untitled_2_01.png’;
var logoObj = ‘<div class=”slide-logo-wrap”><div class=”slide-logo”>’;
logoObj += ‘‘;
logoObj += ‘</div></div>’;
$(‘.slide-item .slide-inner’).append(logoObj);
}
})(jQuery);
</script>
Thanks,
– Casey
Hello Casey,
It looks like you are using a huge image, 10833×1667px. Can you please try to crop it (for example, to the border around the text) and see if it helps?
Also you can make sure that button link is correct in Dashboard → Appearance → Customize → Header area → Header Slider → URL for your call to action button.
Kind Regards, Roman.