Hello Gents,
I tried your code in the following support ticket
thread link
that is:
@media only screen and (min-width: 320px) and (max-width: 989px) {
.avia-layerslider {
display: none !important;
}
}
and it worked great at my android device and tested homepage at
as you advised.
My question is: can I replace LayerSlider with another load-friendly slider? just not to leave the homepage “bare-headered” :) ?
I really appreciate your help in this issue?
Best Regards
Hey mndawood!
You can yes but it still loads in both sliders into the page when you do this. One is hidden on desktop, one is hidden on mobile.
So it may look nicer but it can decrease performance if the slideshows are very full of content.
You will need to add the mobile slideshow to the page and then we can help you target that slideshow to be hidden on desktop with css in the same way you’ve hidden the LayerSlider one on mobile.
Regards,
Devin
Hi Devin,
Thank you for your reply and your advice
Yes, hidden is hidden, but it loads!
Is there any other way around with php or Javascript? It would be great; to “disregard” each irrelevant Slider… or redirect user to relevant page; only homepage.
In case this is not applicable, would you please let me know the css code snippet to implement your idea?
Best regards,
mndawood
Hello Devin,
I found a code / plugin to redirect mobile devices to a lightest possible homepage. Only for homepage.
And it works fine.
Do you advise me to use this solution? Is there any impact on other functions like SEO, future e-commerce implementations, whatsoever?
Please let me know your opinion.
Thanks
Best regards,
Hey!
That is a good solution for a performance improvement but I don’t know if that will have any effect on SEO at all. If its only effecting mobile users I don’t think it would effect things negatively but I can’t say for sure.
Best regards,
Devin
Hi Devin,
Thank you very much for your advise.
I appreciate your time and honest comments.
Best Regards