Home>Support>Metaslider Disable on mobile (small screen) device

Metaslider Disable on mobile (small screen) device

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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! :)

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 9 days ago Andrew Misplon
    Hi, I Work Here

    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.

  2. 10 years, 9 days ago Private Message - rlet Alb

    This is a private message.

  3. 10 years, 9 days ago Andrew Misplon
    Hi, I Work Here

    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.

  4. 10 years, 18 hours ago rlet Alb

    Hi Mr. Andrew Misplon!

    Unfortunately, not working. Could you help me with other CSS code?

    Thank you very much in advance!

  5. 10 years, 18 hours ago Andrew Misplon
    Hi, I Work Here

    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.

  6. 9 years, 11 months ago rlet Alb

    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?

  7. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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;
    }
    
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More