rev slider images not showing up on mobile

[catwin]

Hello,

I tried the codes from https://archived.seventhqueen.com/forums/topic/background-slider-not-visible-on-mobile-devices but my pictures from home page rev slider are not displaying properly on my mobile device.

Slider Layout: Auto Responsive
Unlimited Height: Off
Force Full Width: Off
Grid Settings:
Grid Width: 960 Grid Height: 500

Hide Slider Under Width i 0 px
Hide Defined Layers Under Width i 0 px
Hide All Layers Under Width i 0 px

Hide Thumbs Under Width i 0 px

I will send the link to my site. Am I missing something?

Thank you and have a nice day!
Catherine

[catwin]

This reply has been set as private.

[Abe]

Hi, Indeed it is disabled for mobile. Add this CSS to Sweetdate – Styling options – Quick css to enable it

COPY CODE

.rev_slider_wrapper {display:block!important;}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[xlspecial]

That enables it but it is incredibly small on my site. Too small to make out.

[Skaterkuchen]

This reply has been set as private.

[catwin]

Hello again,

The code enables the rev slider on mobile but it’s only showing a portion of my images. They’re all cropped. Any ideas?

Thank again!
Catherine

[Abe]

Hi, You need to set the revslider to be responsive. That is why we disabled it for mobile since it doesn’t look very good

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi and sorry for the late reply
You should add the CSS as I said above to enable Revolution Slider on mobile and another one that isn’t forcing a minimum height, Both css rules are here:

COPY CODE

.rev_slider_wrapper {display:block!important;}
.page-template-page-templatesfront-page-php .rev_slider_wrapper {
    min-height: inherit;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts