This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Metaslider Disable on mobile (small screen) device

Open 7 replies premiumthemetheme-vantage
rlet Alb
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 10 years, 5 months ago

    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. rlet Alb Private 10 years, 5 months ago

    This is a private message.

  3. Andrew Misplon Staff 10 years, 5 months ago

    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. rlet Alb 10 years, 5 months ago

    Hi Mr. Andrew Misplon!

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

    Thank you very much in advance!

  5. Andrew Misplon Staff 10 years, 5 months ago

    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. rlet Alb 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread