You can close the case.

Figured it out.

Thanks,

Mike,

I started all over again.

Look at https://www.thepromisecenter.com.

On desktop only one “Take a sneak peek” advanced layer slider should display. Instead both display.

The top one with smaller text is to display only on desktop, but not mobile (that is working properly).

The bottom “take a sneak peek” layer slider with larger text is to display only on mobile, but not desktop.

I’ve tried

@media only screen and (min-width: 768px) {
#layerslider_30 { display: none; !important;
}

Suggestions?

Thanks

Jordan,

We are using the LayerSlider WP that is included within the Enfold template.

I want to hide the “Take a Sneak Peak” Advanced Layer Slider (the 3rd layer slider from the top) only on desktops, but have it display on mobile.

I cannot find a place to add a “custom class” by that name.

It does have a “slider class name” I can use that may help. I have added “sneakmobile” as name.

What CSS would hide the entire layer slider, not just its contents. on desktop?

Thanks,

Terry

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?

Please close ticket. Do not need this capability now.

Thanks,

Terry

Information moved to private content for security purposes.

• This reply was modified 6 years, 6 months ago by Nikko.

The inset variable did it.

Thanks

You can close the ticket

You can close this request. Figured it out.

Thanks

Yep, down slightly to center it, and maybe a bit to the left.

OK –

Can you point me to some documentation as to how to do that?

Terry

Here are a couple of articles that say muted autoplay is now supported by mobile devices as more websites are wanting to play silent videos as banners. I do not know where to play this type code in Enfold to test it out

https://forum.webflow.com/t/html5-video-autoplay-now-working-on-mobile/40584https://blog.synq.fm/html5-video-looping-autoplay-on-ios-and-android
https://developers.google.com/web/updates/2016/07/autoplay

Rikard,

Had to also add !important to underline, but worked fine.

Thanks

Hello Rikard,

I’m mostly interested in the text on the slider images on home page http://www.thepromisecenter.com.

Terry

Victoria,

I can not post a request with them as we purchased the layerslider app through Enfold, so Kreatura does not show us as having acquired it.

Can your team inquire of the Layer Slider author as this may be a bug effecting all installations.

Update: I also added the 4 social media icons as images as a second row below the actual icons. You can see that the first row of actual icons disappears after the first page visit.

Expect it is a bug?