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.

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”).

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?

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”

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.