We have several Advanced Layer Sliders on our home page:
http://www.thepromisecenter.com
We want to selectively hide some on the desktop, but have displayed on mobile.
How do I determine the Advanced Layer Slider ID so I can apply CSS?
I’v pulled IDs from Chrome Inspect, but they do not seem to work.
Making progress but not quite done!
https://www.staging1.thepromisecenter.com
Determined the slider ID and was able to hide the slider content, but the slider itself still displays although blank.
Current CSS is:
@media only screen and (min-width: 767px) {
layer_slider_2 {
display: none; !important;
}
}
What do I add to have the entire slider not display?
Thanks,
Terry
https://www.staging1.thepromisecenter.com
For do I command the entire slider to not display on a certain viewport size?
Close this out. Thanks for your help.
Terry
Hi,
Thank u for letting us know.
Best regards,
Basilis