Slider Responsiveness?

Hello,

I know this is not an issue/question about the theme, but I hope you can help me out.

At the moment, I am using the (builtin? Woodmart?) slider, not Rev Slider, the other one. My question is how can I design a responsive scene?

One large image appears perfectly on desktop but horrible on mobile screens.

So what I tried doing is dividing the image into 3 sections, and put them all in one column. On a desktop, again, appears perfect, but on mobies, not that good. Please have a look at my website and see Scene 1 and 2. I am looking for advice on how to design for a responsive scene.

Another question – related: Any major Pros/Cons for Rev slider Vs. Slides? Why should I use one or the other?

Last question – but not related – and sorry for asking too much in one topic 😀 How can I copy/use this demo?

https://woodmart.xtemos.com/shop/lighting/senectus-tincidunt/

Best regards and stay safe!

Attachments:

You must be logged in to view attached files.

Hello,

1. WoodMart Slider is our theme-related feature. As you can see each slide is WP Bakery page builder based and the responsiveness is the same as any other WP Bakery page template. You can view video tutorials on responsiveness: https://wpbakery.com/video-tutorials/?v=9025a1ae8c64

When you use the image on the background it is cut on mobile and it happens regardless of any theme, just the image feature on mobile. You can create two cloned rows and set the different background on the column. One row is for destop and the second is for mobile and hide columns accordingly.

2. Slider Revolutions is the best among sliders it is attached to our theme. However, it is quite sold and makes the site slow as well. WoodMart slider is the light version but cut in options.

3. The demo is the Product page which uses the extra block (HTML block) before the content https://xtemos.com/docs/woodmart/product-page-options/#local_settings

You can find the template https://xtemos.com/docs/woodmart/templates-library/ check Full-width sections and upload the template into HTML block and add into extra block https://xtemos.com/docs/woodmart/html-blocks-2/#extra_content_options

Best Regards

Thanks! This is really useful. I will try it and get back to you.

Thanks again.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts