Thanks for all this Mike, but I guess I’m a little too thick in the skull to make this work. I can’t even get your test page to work. I’ve just recreated the slider in RevSlider and everything is as it should be now. Took about an hour… guess I should have done this a long time ago and saved us both the hassle, huh? Anyhow, it’s okay to close this ticket. Maybe it can help someone else in the future.

Many thanks for all the effort!
Bernie

Thanks for this instruction, Mike. I’ve added these instructions in Quick CSS:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {[layerslider id="1"]}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {[layerslider id="2"]}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {[layerslider id="2"]}

It’s mostly okay across the board so long as the devise is a smartphone or is pulling the transparent header down in landscape, but where it falls down routinely is when the non-transparent header is called down. Then the position of the copy block is too low even in layer slider 2 because the logo is removed from its position over the background image. I’ve created a 3rd slide with the copy block even higher on the slide for use when the non-transparent header is visible, but I don’t know how to make that distinction. Of course, there’s a real possibility that I’m not thinking about this correctly. I’m including special credentials to the dev site in private in case it’s easier for you to sort than try to explain it to me.. Once the issue of which slider to call is resolved, I can go in and fine-tune the individual sliders to position the copy block down to the pixel.

Many thanks for the support!

• This reply was modified 5 years ago by berniedidit.

Hello?

Okay, thanks. I considered just removing the hotspots for sold properties, but I was also hoping to replace the lot numbers with the numbered hotspots, too. If I remove a hotspot, then the numbering changes. That why I just wanted to change the background and font color the the same value and turn off the pulse. I’ll keep working on it. I thought I saw some code in my forum search where I could make the hotspots transparent… maybe I can make that work. Thanks for the speedy reply all the same. Cheers!

No go, Nikko. See private content.

Okay… here’s a little screencast of the test page with Inspector displayed so you can see the page action as the the playlist loops. If I didn’t capture what you need or I can be of more help, please let me know. Link in private content.

Cheers!
Bernie

Nikko,

We’re making progress… we picked up compliance in Firefox, but not in Safari (so now Chrome and Firefox work properly). I disabled the JS instruction as advised and cleared cache manually in Safari… no go. I then went back to Enfold/Performance and checked the option to delete old JS and CSS files, refreshed and still no go. I then unchecked that box and installed the Super Cache plugin, set it up (kept the defaults), refreshed and still no joy. Any special thoughts about Safari compliance? Just so you know I’m testing in both OSX Mojave and High Sierra : Version 12.1.1 (slightly different builds, but same version). Oddly, it is working properly in the latest version of Safari for iOS.

Bernie

PS I even added a new test portfolio item with an audio player just to see if rebuilding the posts from scratch after replacing the audio player PHP and CSS files might help. No help.

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

Works beautifully. You guys are the best!
Cheers!

Hey, Victoria! Here’s a link to a properly formatted calculator. The “Loan” tab is turned off in my shortcode. Looks like we’ve visited the same area of the code. This is really a nice plugin, and normally I’d take this up with them first, but there is zero support and it hasn’t been updated in over a year. Any way you can help is appreciated.

https://www.mlcalc.com

Yes, animating the logo and the tagline by using an animated GIF was what I was settling for since I’m not able to construct a full-screen animation using a layer slider and an image with hotspots together. I don’t much care for the quality of transparent GIFs, so I considered rendering it as video or maybe .fla, but I’m up for anything that will work for all visitors, really. I’ll attach a link to a page where I’ve published the working file. It’s rough, but functions fine. You can download it if you want to test it in the normal and transparency logo fields of your own demo. I think you’ll find it behaves as I described before. I want it to run every time the Homepage is loaded or even every time the header is loaded, but there may be no difference. The only way I can see to make this happen is to somehow prevent the browser from storing it in cache memory. Other ideas?