Okay
  Public Ticket #939801
Hide MP4 Nectar slider on device
Closed

Comments

  • Enrico started the conversation

    I'm selecting to hide on device in the responsive part of the coloumn settings but the Nectar Slider is still showing up (it contains an MP4 so is showing up black on mobile). I've tried hiding other things on the page and that seems to work so it's just the slider.


    As a note I've made some changes to the nectar slider and am not sure if this could have contributed to it - although I doubt it as the things I edited were effecting the playback of the Slider not the actual slider itself. 


    I made some changes to the FTP from tickets I found from you guys instructing how to stop the video looping on the nectar slider-  they are as follows (and also the attachment image):

    Hey! Have you opened the nectar-slider.js file located in the js folder and deleted this as well:

    //play video user is hovering over

            $('body').on('mouseover','.swiper-slide', function(){

                    if($(this).find('video').length > 0 && $(this).find('video').get(0).paused == true && $animating == false){

                            $(this).find('video').get(0).play();

                    }

            });


  •  8,996
    Tahir replied

    Hey Enrico,

    Be sure to add a Preview Image to the Slider Video and it will show up on Mobile. Also if you turn off the Parallax Option in the Slider you will be able to hide it using the VC Column Options .

    Thanks 


    ThemeNectar Support Team 

  • Enrico replied

    Thanks Tahir,

    I also see you've some CSS at some stage on this ticket: https://themenectar.ticksy.com/ticket/410622/ which seems to work well in hiding a parallax nectar slider 

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


  •  8,996
    Tahir replied

    Hey Again,

    Yes that would also work . 

    Best.


    ThemeNectar Support Team