Support » Plugin: Slider, Gallery, and Carousel by MetaSlider - Responsive WordPress Plugin » After clicking the back arrow, the slider doesn’t move

  • Resolved phantam

    (@phantam)


    Hello,

    I added 30 images slider for my home page and the slider works perfect, but when I click to the back arrow, it doesn’t move anymore. I also have tried to test with 5 images, but the issue still happens and there is no warning message.
    Thanks in advance.

    • This topic was modified 3 years, 3 months ago by phantam.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 16 through 30 (of 32 total)
  • Plugin Contributor kbatdorf

    (@kbat82)

    Hi @phantam

    I’m seeing an error with the script on the flexslider slideshow. Can you update it to this and see if it works? I’ll check the NivoSlider issue if that doesnt work.

    window.jQuery(function($) {
      $(window).on('focus', function() {				 
        window.jQuery('#metaslider_15461').flexslider('play');
      });
    });
    Thread Starter phantam

    (@phantam)

    Hi @kbat82

    I updated that code but it doesn’t work.

    Plugin Contributor kbatdorf

    (@kbat82)

    Hi @phantam

    Instead of “play” can you try to switch it to “next”? That will tell it to move to the next slide.

    It might not be working because another script on your site is stopping any focus events from happening.

    If that doesn’t fix it, for Nivo Slider version, can you disable the autoplay?

    Thread Starter phantam

    (@phantam)

    Hi @kbat82

    I switched to next and it doesn’t work.

    For Nivo Slider, I was disable the autoplay.

    Plugin Contributor kbatdorf

    (@kbat82)

    Hi @phantam

    I’ll look at NivoSlider now but try this one for FlexSlider:

    window.jQuery(function($) {
      $(window).on('focus', function() {				 
        window.jQuery('#metaslider_15461').flexslider('play');
        window.jQuery('#metaslider_15461').flexslider('next');
      });
    });
    Thread Starter phantam

    (@phantam)

    Hi @kbat82

    It doesn’t work, I also tried to test it on IE browser

    • This reply was modified 3 years, 3 months ago by phantam.
    Plugin Contributor kbatdorf

    (@kbat82)

    Hi @phantam

    Okay, not sure what’s going on. If youw ant to keep trying to figure it out can you change to a different slideshow theme (not Radix) and see if the behavior is the same?

    For NivoSlider can you try to add this css:

    .nivo-control {
      display: none;
    }
    Thread Starter phantam

    (@phantam)

    Hi @kbat82,

    I had switched to another theme before, but it had the same error. Maybe, I think it caused by another script on my site that stop any focus events from happening as you sad before.

    For NivoSlider, the important thing why I choose Radix theme because it has the count number control. if I hide the nivo-control, it will not display. Do you have another solution?

    Plugin Contributor kbatdorf

    (@kbat82)

    Hi @phantam

    Did you add the style for the Nivo Slider? That’s the initial state and the script should adjust the visibility of the numbers after the page loads.

    Thread Starter phantam

    (@phantam)

    Hi @kbat82

    Did you add the style for the Nivo Slider? what does this mean?

    I already added this code but it didnt work

    
    .nivo-control {
      display: none;
    }
    

    Then, i tried:

    
    .nivo-control {
      display: none !important;
    }
    

    all the nivo control was hided.

    • This reply was modified 3 years, 3 months ago by phantam.
    • This reply was modified 3 years, 3 months ago by phantam.
    • This reply was modified 3 years, 3 months ago by phantam.
    Plugin Contributor kbatdorf

    (@kbat82)

    Try this one:

    .metaslider .theme-default .nivo-controlNav a.nivo-control {
      display: none;
    }
    Thread Starter phantam

    (@phantam)

    Hi @kbat82 ,

    It still doesn’t work. I think the reason is the js code. It should resolve the initial state instead of add css code.
    As I see at the element code, nivo-control already added style display none.

    Plugin Contributor kbatdorf

    (@kbat82)

    That is controlled after page load. The issue now is specificity. Just make the style more specific. Try this:

    body div.metaslider div.theme-default .nivo-controlNav a.nivo-control {
      display: none;
    }
    Thread Starter phantam

    (@phantam)

    Hi @kbat82,

    If make the style more specific, I added this code and it resolved the issue after page load, but then the slider doesn’t slide anymore 🙁

    
    body div.metaslider.metaslider-nivo.ms-theme-radix div.theme-default .nivo-controlNav a.nivo-control {
      display: none;
    }
    
    Plugin Contributor kbatdorf

    (@kbat82)

    Hi @phantam

    I appears to be working for me now. Do you see an error when you try to slide?

Viewing 15 replies - 16 through 30 (of 32 total)
  • The topic ‘After clicking the back arrow, the slider doesn’t move’ is closed to new replies.