Kadence Slider width on mobile

[Patricia]

Patricia

December 19, 2015 at 10:18 am

Hi,

I am having a problem with my sliders not showing properly on tablets and smartphones. I have tried working with the settings under the Kadence slider area, but it doesn’t change. I think it’s probably something in my CSS that is overriding it. ?? I know just enough CSS to be dangerous.

Would you mind taking a look and letting me know how I can make my sliders appear properly on mobile? Right now the website is fine except that the sliders are way too wide.
The domain is http://www.lynwoodkennel.com and my custom CSS is below.

Thanks! Your help is always appreciated…and spot on. 🙂

Patty

.contentclass {
padding-bottom: 0px;
padding-top: 0px;
border-bottom:solid #935C24;
}
.sliderclass {
padding: 0px;
border-top: 0px;
border-bottom: 0px;
}
#nav-main ul.sf-menu>li>a {
padding: 0 33px;
}

@media (min-width: 768px) {
#wrapper .container {
width: 750px;
}
}

@media (min-width: 992px){
#wrapper .container {
width: 970px;
}
}

@media (min-width: 1210px){
#wrapper .container {
width: 1210px;
}
}
.home .contentclass {
padding-bottom: 0px;
padding-top: 15px;
border-bottom:solid #935C24;
}
.page-header {
display: none;
}