Tagged: advanced layer slider, Hide, mobile
-
AuthorPosts
-
November 21, 2019 at 12:18 pm #1158793
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!
November 22, 2019 at 5:26 am #1158999Hey 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,
RikardNovember 22, 2019 at 10:41 am #1159059Hi 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 MobileNovember 22, 2019 at 6:22 pm #1159266Hi Dzammit,
So using two Layer Slider solves your issue or not really? Do you need more help?
Best regards,
VictoriaNovember 25, 2019 at 9:42 am #1159770Hi 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,
DanielNovember 26, 2019 at 6:30 am #1160201Hi 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,
RikardNovember 26, 2019 at 10:34 am #1160238Hi Rikard,
Happy to report that this works like a charm :) Thanks!
November 26, 2019 at 3:59 pm #1160379Hi Dzammit,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Mobile Responsiveness’ is closed to new replies.
