Okay
  Public Ticket #1052056
remove Nectar Slider arrows for small screens
Closed

Comments

  •  2
    50pH started the conversation
    February 7, 2017 at 1:19pm

    Hi ;

    I removed Nectar Slider left and right arrows with the following code :

    a.slider-prev, a.slider-next {
        display: none !important;
    }

    ... It works all right as long as the screen is big, but the arrows reappear under 680 px when I resize the browser window.

    Can you help me with this ?

    Thanks

    SopH.

  •  8,454
    Tahir replied
    February 7, 2017 at 2:39pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev, .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next {
        display: none !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  2
    50pH replied
    February 7, 2017 at 7:15pm

    Hey Tahir ;

    Thanks again !

    Your code is working with adding "a" selector to ".slider-prev" and ".slider-next", like this:

    @media only screen and (max-width: 690px) {

        .nectar-slider-wrap[data-overall_style="directional"] .swiper-container a.slider-prev, .nectar-slider-wrap[data-overall_style="directional"] .swiper-container a.slider-next {
            display: none !important;
        }
    }

    Cheers

    SopH.