Hi @brody182
I checked the linked page and the problem seems to be related to some custom CSS, which are overriding the style of your slider, specifically this one:
.n2-ss-canvas{background: #4a4949;}
which seems to be added only for mobile and tablet devices.
I am not really sure where you added this custom CSS exactly, but you may recognize it from the context:
<style>.discovermore h2,.discovermore{opacity:0!important}
#n2-ss-2-align:hover .discovermore h2,#n2-ss-2-align:hover .discovermore{opacity:1!important}
.n2-ss-canvas{background: #4a4949;}.n2-ss-slide-background{display:none}
.discovermore h2 a,.discovermore a{font-size: 10px!important;border: 1px solid #fff!important;padding: 3px 5px!important;font-weight: 400!important;letter-spacing: 1px!important;margin-right:30px}
.discovermore h2 a:hover,.discovermore a:hover{color:#ccc!important;border: 1px solid #9b9b9b !important;}
.n2-ss-section-outer h2{
font-family: 'Oswald', Arial, sans-serif!important;
color: #fff;
font-size: 30px!important;
line-height: 35px!important;
font-weight: 500!important;
margin: 0 0 14px!important;
}
.n2-ss-section-outer p{color:#fff;
font: 300 20px/24px 'Oswald', sans-serif!important;
text-transform: uppercase!important;
}.n2-ss-slide-background{display:block!important}
</style>
Removing the custom CSS which are targeting the slider will fix the problem.
Best regards,
Laszlo.