How can I create sliding banners for mobile

  • Resolved erinlee

    (@erinlee)


    2 years, 4 months ago

    I am using this plugin to create sliding banners for my ecommerce website.
    Just wondering can I create different designs only for the mobile device?
    If so, how can I do that?

    • This topic was modified 2 years, 4 months ago by erinlee.
Viewing 2 replies - 1 through 2 (of 2 total)

  • MetaSlider is responsive-ready. So, it will still look good on a mobile device.

    However, if you still wish to display a different slider for desktop, and another one for mobile view. You can create 2 slideshows and use CSS to hide/show the slideshow via depending on the screen’s viewport.

    Below is an example on how you can do it via CSS.

    
/* for desktop slider */
@media screen and (max-width: 768px) {
	#metaslider-id-3333 {
		display: none;
	}
}

/*  for mobile slider */
@media screen and (min-width: 767px) {
	#metaslider-id-9999 {
		display: none;
	}
}

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I create sliding banners for mobile’ is closed to new replies.