Hello,
I wonder if there is an option to display a slideshow only for mobile and another one for desktop / tablet.
I'm making a slideshow with some text (as part of the image) and the text is cut off in the mobile view.

Thanks in advance
Nicolas

Hi Nicolas,

You can clone the current slide module to have a new one and add new ID for it:

Then use below CSS to show old module in mobile and new module in desktop view:

.gkIsWrapper-gk_photo {display:none;}
@media (max-width: 576px) {#gkIs-gk-is-851 {display: block !important;}}
@media (min-width: 576px) {#gkIs-gk-is-852 {display: block !important;}}

Hello Saguaros,
thank you for your reply.
Unfortunately, it's not working as expected.
I suppose the css goes in gk.stuff.css ?
I have two identical slideshows (cloned) one for mobile with pictures made for mobile screen and one with pictures for desktop screen, the mobile one with Module ID = gk-is-1 and the desktop with ID = gk-is-2.

(If you check the admin site, one is called "Image Show GK4 - HOME - Mobile" the other "Image Show GK4 - HOME - Desktop")

Now the slide shows both pictures, one after the other. Both on desktop and mobile.

Any idea?

Thanks in advance
Nicolas

The generated ID on your site is different:

Try with:

.gkIsWrapper-gk_photo {display:none;}
@media (max-width: 576px) {#gkIs-gk-is-851 {display: block !important;}}
@media (min-width: 576px) {#gkIs-gk-is-912 {display: block !important;}}

nicolasfetting-hotmail-com

I'm a bit confused with the names of modules on your site now.

For example: Image Show GK4 - HOME - Desktop - I think you tend to show this on desktop but it's showing on mobile now and vice versa with module ID: 912.

Kindly check again.

    Write a Reply...
    You need to Login to view replies.