Metaslider has stopped in mobile view

Hi,

I took a look but it all looks fine to me. What are you noticing that’s not working?

On the home page there is a metaslider at the top of the page, this shows on desktop version but is not showing on a mobile device.
Its only on the homepage

Hi,

Hmm.. it looks like a bug from CloudFlare’s Mirage service. Can you disable that to see? If so, can you try using FlexSlider instead of NivoSlider?

I have switched it to FlexSlider and it seems to be working again now.
Does it look better from your end.
I have not made any cloudflare changes

Out of interest what is the difference between the sliders FlexSlider NivoSlider etc

The navigation dots seem a bit intermittent but at the moment just glad its working

Yeah it loading on my phone now too.

The four different options (FlexSlider, Nivo, etc) are different slider libraries that are used behind the scenes. They each have slightly different features and load things slightly differently behind the scenes. That’s why it might work better in one other the other if there’s an incompatibility issue.

For the dots you could add some custom CSS to move them down on mobile:

@media (max-width: 800px) {
    #slider-block .flexslider .flex-control-nav {
        position: static !important;
        margin-top: 1rem;
    }
}

Thank you and that css fix word great.

For some reason the dots still don’t react properly on a mobile sometimes showing two highlighted and not changing the screen.

Thanks for the help

The dots still don’t react properly on a mobile sometimes showing two highlighted and not changing the screen.

Can you explain this some more? When I visit the site now it all works perfectly to me. When you say sometimes, is it rare? Do you have a guess under what circumstances it’s happening?

(I might not be online to reply for a day or two)

If you go to the home page and try and click on the dots in order left to right for instance I find I get two dots highlighted but the image doesn’t change.