Okay
  Public Ticket #157013
Nectar Slider height on mobile/phone
Closed

Comments

  • Darrell started the conversation
    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.
  •  1,069
    ThemeNectar replied

    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:

    <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) {
       .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 :)