- Posts: 145
- Thank you received: 0
Turn off image gallery on mobiles
4 days 1 hour ago #52249
by paul1
Turn off image gallery on mobiles was created 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
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.
4 days 54 minutes ago #52250
by milos
Replied by milos on topic Turn off image gallery on mobiles
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:
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
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.
3 days 20 hours ago #52251
by paul1
Replied by paul1 on topic Turn off image gallery on mobiles
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!
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.
3 days 19 hours ago #52252
by milos
Replied by milos on topic Turn off image gallery on mobiles
I forgot to enclose the CSS in media query, use this instead:
It will hide the image only if the screen width is less than 768px.
Regards,
Milos
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