Okay
  Public Ticket #479217
remove nectar slider on mobile
Closed

Comments

  • michele started the conversation
    July 14, 2015 at 8:51pm

    Hi i was wondering if there is anyway to have it so that the nectar slide does not show up in mobile on my home page? I like the idea of having it but It hard to tell its a slider on mobile and for some reason it doesn't scroll well, but i do want to keep it on the desktop version.


    Thanks

    Michele

  •  9,005
    Tahir replied
    July 16, 2015 at 3:53am

    Hey ,

    You\'d need to add a class to them such as \"mobile-hidden\" and then add this into the custom css box located in your Salient Options panel: 

    @media only screen and (max-width: 1000px) {
  .mobile-hidden {
     display: none!important;
  }
}

    Thanks

    ThemeNectar Support Team 

  • michele replied
    July 16, 2015 at 4:55pm

    Hi that didnt seem to work for me so im guessing im doing something wrong. I put the \"mobile-hidden\" in the row that contains the slider under \"extra class name\" and then put that extra code you sent in the custom css field, did i not put the \"mobile-hidden\" in the correct place?


    Thanks

  •  9,005
    Tahir replied
    July 16, 2015 at 5:08pm

    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: 1000px) {
.parallax_slider_outer {
    display: none !important;
}
}

    Thanks


    ThemeNectar Support Team 

  • michele replied
    July 16, 2015 at 6:49pm

    Worked great! Thank you!

  • Unison replied
    June 20, 2018 at 9:38am

    Hi there!

    I'm looking for a way to hide certain nectar slides on desktop and mobile - i've tried this code with the extra class name in the individual slide settings (field at the bottom)

    It does hide the slide photo and title / text  / caption and just shows a black empty background for the slide.

    How can can I completely remove the slide from the sequence (so the bullet nav also gone etc.) so that it doesn't appear at all?

    Reason is that some banner subjects do not appear in the middle of the screen when viewing on mobile and I want to try and show an alternative slide in that one's place...

    Thanks!


  •  9,005
    Tahir replied
    June 20, 2018 at 12:29pm

    Hey Again,

    Please have a look at this Article :Hiding Rows on Mobile / Desktop in Visual Composer.

    Best

    ThemeNectar Support Team