Responsive slider settings

Hello,
I was using metaslider but want to try default slider, in case it may be faster.
Especially in mobile.

1. I created 2 images for each slide. Sizes are 1200×425 and 762×270
2. I created a slide. Settings are as here. https://prnt.sc/wd31ja
3. I created 2 different item. When I create item, I used promo banner from wpbakery. Upload 1200×425 size. And set size full.
4. I uploaded 762×270 image through “Slide image on mobile” area. https://prnt.sc/wd32j7

As far as I understand, when I open the page with mobile phone, I should see only mobile images.
But I see both desktop and mobile image together.
https://prnt.sc/wd34n7
https://prnt.sc/wd351h

Can you suggest what to do?

After some try, I added desktop image from featured image area.
But again I couldn’t manage to make it work.
Mobile image is cropped. https://prnt.sc/wd3fog
Or If I choose full screen, then desktop image become too big. Instead of stay in the middle.

Hello,

Please provide your site admin access to the private area, page URL, and slider title you edit.

Best Regards

Hello,

It is in below.

Hello,

I am checking your site on mobile now and the image is full width. As I understand you have solved the issue, haven’t you?

If you have not, please describe the actions step by step on how can I reproduce the problem.

Best Regards

Hello Elise,

Happy new year.
Actually I couldn’t solve it exactly.

I want to show 1200×425 size images in the middle like here. https://prnt.sc/weaayt
I reach that look only I add images as “promo banner” with wpbakery.
But If I do like that, mobile part is not working very well. I see both desktop banner and mobile banner as here. https://prnt.sc/wd34n7

On the other side,
If I add the banner as featured image, In this case image distributed to whole screen, instead of staying in the middle. https://prnt.sc/weacmf
But it changes itself very well with the mobile banner.

3rd issue is, when mobile image come to screen, It is cropped from sides. Can’t see 100% of the banner. https://prnt.sc/weadn5

I like the idea to show different banner in mobile.
But couldn’t manage it to work.

Thanks again.

Hello,

I am checking your site and I see you are still using Metaslider.

Please try to create WoodMart slider and try the Single Image element inside the slider. Perhaps you will need a bigger image size to have nice look on full width. And in mobile, the image would be properly scaled.

Best Regards

Thanks, I refreshed stagin site yesterday that is why my settings are gone.

I arranged woodmart slider again.

Happy new year.

Hello,

Please replace the Promo banner with a Single image and remove the featured image. Try to upload a bigger image in width. https://prnt.sc/wexp3g

Best Regards

Dear Elise,

I was using promo banner for blue banner. Changed it to single image. But issue is still there.
https://prnt.sc/wfc44t

As I said,
1. When I go to mobile I see both desktop and mobile banners on top of each other.
2. When I add desktop banner as featured image, desktop and mobile split works well. But Mobile image is still shown as cropped.

thank you.

Hello,

Please create two different sliders one for desktop and hide it on mobile and one for mobile and hide it on the deskotp.

Best Regards

[Author]

Posts