Turn off image gallery on mobiles

More
4 days 1 hour ago #52249 by paul1
Hi - I used this module to use a different image on mobiles - works fine.

Now I need to stop the gallery from showing on a mobile.  Is this possible?

Following earlier advise re possibly using Hot Swipe as an alternative, when I install it, it does not show in list of modules. Any ideas?
My thanks as always

Paul

Please Log in to join the conversation.

More
4 days 54 minutes ago #52250 by milos
Hello,

It's possible to hide any image on mobiles using CSS. So, you can hide the Hot Full Carousel's images as well on mobiles. The CSS code will be something like:
Code:
.hero-carousel article.carousel-article { background-image: none; }

The module Hot Swipe Carousel should be there after successful module installation. Go to Content > Site Modules > New and select it from the list of modules. If it's not there, then the module is not installed properly.

Regards,
Milos

Please Log in to join the conversation.

More
3 days 20 hours ago #52251 by paul1
My thanks.

Sadly, the code disabled the images on the desktop view as well. I added a bit of code that I thought would limit the screen size but didn't work.

Not to worry, I will just use an image, which looks ok on both.

Kept trying with Swipe, stated it was loaded but never appeared. No issues. Will be a Joomla thing :-)

My thanks once again..Very pleased with the additions in Sparky!

Please Log in to join the conversation.

More
3 days 19 hours ago #52252 by milos
I forgot to enclose the CSS in media query, use this instead:
Code:
@media (max-width: 767px) { .hero-carousel article.carousel-article { background-image: none; } }

It will hide the image only if the screen width is less than 768px.

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.163 seconds
Powered by Kunena Forum