-
Posts
-
Dear Support team,
I have been trying to edit this layer slider to ensure that images are not loading when the device width is under 800px or so.
I have set the layerslider called Home Slider to be ‘responsive’ to hide on mobile under 800px..There is another background which is set to show when the screen is below around 900. FYI..
The appearance is correct but the larger slider images are still loading, see screenshot of Chrome dev tools.
I have also trying to add css, to no avail, to the child theme such as :
@media only screen and (max-width: 767px) {
#layerslider_3 { background-image: none !important; }
div.ls-wrapper ls-bg-wrap{ background-image: none !important; }
}Screenshot of images loading even though set to hide:
https://drive.google.com/file/d/1s5bJH4w0xN43S3JNW78LGVj8jnCZ0C2-/view?usp=sharingThank you,
(Email address hidden if logged out)
VirginiaHey blizzmarketing,
So to understand you you want to hide the slider and in it position add an image?
Best regards,
BasilisHello!
For screens that are smaller than 800, I wish not to have the slider appear AND not to download the images that are in the slider when on a smaller device.
Right now, the slider does disappear BUT the images in the slider download anyway at page load time, I want to prevent this.Thank you,
VirginiaHi Virginia,
Unfortunately our theme doesn’t have that feature.
I think that there are plugins like https://wordpress.org/plugins/adaptive-images/ that does this, however I haven’t tested it yet and it’s also outside the scope of our support.Best regards,
Nikko
- You must be logged in to reply to this topic.