Dear SiteOrigin Authors!
The Metaslider plugin has a small bug on Windows Phone device.
About the bug: The screen is jumping (You can read about the bug on Metaslider Official Support Page Forum)
I would like to Disable the Metaslider on mobile (small screen) device. Can you help me?
Thank you very much in advance! :)
Hi Rlet
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
We could hide it using the following:
/* Meta Slider */ @media (max-width: 680px) { #main-slider { display: none; } }Insert at Appearance > Custom CSS. Let me know how that goes.
Hi Mr. Andrew Misplon!
Unfortunately, not working. Could you help me with other CSS code?
Thank you very much in advance!
The challenge is that you have the responsive layout turned off so the above snippet won’t work. Given this, there isn’t anything we can easily do from a Custom CSS aspect. You could get a developer to create a child theme and wrap the slider in a is_mobile check. That’s one custom option I could envisage.
Very good challenge :)
I heard, I can disable the MetaSlider with the famous WP-Mobile Detect Plugin, And I need the [notdevice][/notdevice] shortcode
I installed the WP-Mobile Detect Plugin.
But I must use the [notdevice][/notdevice] shortcode If I would like disable the Metaslider….
Unfortunately, I would like to disable the MAIN Page Metaslider. On the Main page, I can’t use shortcode on the mainpage… :/ Have you idea how to use the shortcode with the main page Metaslider?
To do this you’d need to try the following:
1. Appearance > Theme Settings > Home: Set home slider to None.
2. Appearance > Home Page, insert slider via the Text widget using the Meta Slider shortcode. Wrap it as you described above.
3. Insert the following at Appearance > Custom CSS:
/* Home */ .home #main { padding-top: 0; }