Below is a media query to remove all three ( h2, p and button ) elements in mobile view. You can use the one you want and remove the others. Add this into the Custom CSS box located in your Salient Options panel:
@media only screen and (max-width : 690px) {
body .nectar-slider-wrap[data-fullscreen="false"] div.swiper-slide .content h2 {
display:none;
}
body .nectar-slider-wrap[data-fullscreen="false"] div.swiper-slide .content p {
font-size: 15px!important;line-height: 20px!important;padding-bottom: 7px;
display:none;
}
.nectar-slider-wrap[data-fullscreen="false"] div.swiper-slide .button a {
display:none;
}
Have you added the css to the visual composer CSS button? . It seems to not be working in this version. If yes please add the custom css in Salient Theme Options custom css field . The code when i paste in the live browser seems to be working , screenshot: http://prntscr.com/3aho57 .
My nectar sliders don't look good on mobile sites. I am using <br> in some cases and expect that could be it but am not sure.
The slider really doesn't look great on mobile. Is there a way to hide the caption on mobile sites?
Hey!
Below is a media query to remove all three ( h2, p and button ) elements in mobile view. You can use the one you want and remove the others. Add this into the Custom CSS box located in your Salient Options panel:
@media only screen and (max-width : 690px) { body .nectar-slider-wrap[data-fullscreen="false"] div.swiper-slide .content h2 { display:none; } body .nectar-slider-wrap[data-fullscreen="false"] div.swiper-slide .content p { font-size: 15px!important;line-height: 20px!important;padding-bottom: 7px; display:none; } .nectar-slider-wrap[data-fullscreen="false"] div.swiper-slide .button a { display:none; }
Thanks
ThemeNectar Support Team
You guys are amazing. Thank you!
this no longer works with the new version of salient
Hey Judson!
Have you added the css to the visual composer CSS button? . It seems to not be working in this version. If yes please add the custom css in Salient Theme Options custom css field . The code when i paste in the live browser seems to be working , screenshot: http://prntscr.com/3aho57 .
Cheers
ThemeNectar Support Team