Tagged: advanced layer slider, Hide, mobile
Hi everyone,
I’m currently designing the front page to a website http://www.exigywordpress.com
Unfortunately, I’ve noticed that a few elements, in particular the Advanced Layer Slider, did not translate well into mobile format.
While I know that I can hide the Advanced Layer Slider on mobile platforms, I don’t want to lose the effect it creates.
Is it possible to create another Advanced Layer Slider, that will show ONLY when the webpage is being opened on a mobile site?
Thanks!
Hey Dzammit,
We can help you out with custom CSS to hide/show the correct slider for mobile. Please add both of them to your layout, then let us know here.
Best regards,
Rikard
Hi Rikard,
Thanks for your reply.
On http://www.exigywordpress.com I’ve now added two slides, one that is for desktop, one for mobile. They’re called the following;
– Exigy
– Exigy Mobile
Hi Dzammit,
So using two Layer Slider solves your issue or not really? Do you need more help?
Best regards,
Victoria
Hi Victora,
No it doesn’t resolve the issue, but I’ve created the two sliders I wish to alternate.
– Exigy for the regular view
– Exigy mobile for the mobile view
I would still require the code to be able to switch between them depending on which platform the user is on.
Regards,
Daniel
Hi Daniel,
Thanks for the update. Please try this in Quick CSS:
@media only screen and (min-width: 768px) {
.home #layer_slider_1 {
display:none;
}
}
@media only screen and (max-width: 767px) {
.home #layer_slider_2 {
display:none;
}
}
Best regards,
Rikard
Hi Rikard,
Happy to report that this works like a charm :) Thanks!
Hi Dzammit,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko