GK4 Slide Show mobile / desktop only

nicolasfetting-hotmail-com

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

saguaros

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;}}

nicolasfetting-hotmail-com

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

saguaros

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

Hello,
now at least, only one slider is shown on desktop and mobile.
But the desktop isn't showing the right pics nor the mobile (I already checked to switch the gk-is-2 to gk-is-1 and viceversa).

I attached screenshots..

[http://newrationale.de/images/screenshot_mobile.jpg](http://)

[http://newrationale.de/images/screenshot_desktop.jpg](http://)

Regards
Nicolas

nicolasfetting-hotmail-com

Hello,
any idea on this issue?

Thanks in advance
Nicolas

saguaros

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.

nicolasfetting-hotmail-com

It's working now. Thanks for your help!