Hello Support,
I am attempting to hide 2 elements on the homepage of cloudeg.com – the Fullscreen Slider and the Advanced Layerslider.
I was unsuccessful with both. The closest i got was hiding the container element for the video (Fullscreen Slider) – but the video was still loading. And with the container no longer loading, the text underneath loaded on top of it – a real train wreck.
I’ve placed credentials into the Private Content of this post.
I look forward to your assistance,
Greg
P.S. You’ll see in the CSS of the child theme, I attempted to create “hide” classes and IDs. I also had them on another site using Enfold. They seem to have stopped working a couple of theme updates ago. It would be nice to have a simple means to hide elements for small screens. gw
Hey Greg,
Are you just looking to hide them on mobile?
Best regards,
Jordan Shannon
Hello Jordan,
Yes – just hide them on mobile.
~ Greg
P.S. I just discovered the new ADMIN for the Layer Slider. I’ve got this corrected via the new Admin panel. It’s just the Fullscreen Slider I need help with now. gw
Hi,
Add the following to quick css:
@media only screen and (max-width: 767px) {
#fullscreen_slider_1{
display:none!important;
}}
Best regards,
Jordan Shannon
Hello Jordan,
This worked – thank you.
This ticket can be closed.
Sincerely,
Greg
Hi,
Great! If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon