Hi there,
my Nectar Slider woeks great on PC and Tablet but when viewed on mobile it cuts off half of the slider.
I've gone through the support tickets and found this but it doesn't seem to work.
@media only screen and (max-width : 690px) {
body .orbit-wrapper #featured article, body .orbit-wrapper, body .orbit-wrapper #featured {
height: 700px!important;
}
}
Thanks.
That's for the Home Slider, not the Nectar one. SInce you just need to control the height of that one slider switch to the text tab of your editor and wrap the slider shortcode in a div with a class like:
<div class="testimonial-nectar-slider">
NECTAR SLIDER SHORTCODE HERE
</div>
Now add this into the Custom CSS box located in your Salient Options panel:
@media only screen and (max-width : 690px) { body .orbit-wrapper #featured article, body .orbit-wrapper, body .orbit-wrapper #featured { height: 700px!important; } }Thanks.Hey Darrell!
That's for the Home Slider, not the Nectar one. SInce you just need to control the height of that one slider switch to the text tab of your editor and wrap the slider shortcode in a div with a class like:
Now add this into the Custom CSS box located in your Salient Options panel:
@media only screen and (max-width : 690px) { .testimonial-nectar-slider .swiper-slide .content { top: 30px!important; } .testimonial-nectar-slider .swiper-container, .testimonial-nectar-slider .swiper-slide, .testimonial-nectar-slider .nectar-slider-wrap { min-height: 380px!important; } }Cheers :)