Meta Slider plugin on mobile

Hi @roberta_dropp,

Does it work if you disable JetPack? If you want to add an image you can just add it to your code then use CSS media queries to show/hide based on the width of the browser. Let me know if you have any more questions.

I disabled jetpack and It doesn’t work.
Please can you tell me exactly what I have to do to add a static image to see only on mobile.
Thanks

Hi @roberta_dropp,

I’m not familiar with your site/theme to be able to tell you what exactly you will need to do. You will have to add an image to your site the same way you added the slideshow.

If you want to hide the metaslider on say 1000px, then you would add some code like this:

@media (max-width: 1000px) {
  .metaslider {
    display: none !important;
  }
?}

To show an image you just take the inverse approach (i.e. hide the image normally, then show it inside the same media query above with “display: block”).

ok thank you.
But If I want to see the slider in home on mobile too what I have to do?
This is the code I added
<div>
[metaslider id=131 restrict_to=home]
</div>

Hi @roberta_dropp,

It should so on mobile. If it’s not then there’s likely something in your theme (not MetaSlider) that is hiding it. Do you have a URL to the site?

This is the url

https://bit.ly/2AA9pax

Hi,

Your header container has these classes that hide it on various screens. If you remove them then it will show on all screens:

“hide-on-mobile hide-on-tablet”

Sorry,but I don’t find where remove them..
The code is on meta slider or on customify theme?

Hi @roberta_dropp,

This is specific to your theme. I’m not familiar with this theme so you should contact the developers. However, most likely it’s a setting somewhere.

ok thank you!