Thanks Yigit

I think this thread can be closed now

=)

Thanks Andy

I wanted to avoid LayerSlider (as it’s caused me issues in the past), but I managed to find an elegant solution by using a video background in a color section.

Just 3 little things I need to fix (the first one may be a bug):

1. If you open the homepage (that uses Enfold’s Fullscreen Slider) in one tab and /test2/ (that uses a color section at 100% height with an image background) in another tab and compare them – the images line up perfectly in desktop mode. But in a portrait mobile view /test2/ cuts off the girls hair. Don’t know if you’ve noticed this already, but I think it would make sense for the image to get pushed down by the same amount. Do you have a fix for this?

2. If you look at /test3/ (color section with video background), I’d like to add a freeze frame of the man as a background image – so that while the video is loading the website still looks the same. To make it easier for you to notice I’ve purposefully not used a freeze frame of the video so that the image and video look completely different. Once the video is loaded, the image fades out to black and then the video kicks in.
a) Is there anyway to turn off this fade out of the image?
b) Can the black flash inbetween be avoided?

3) Are video backgrounds for color sections always “Top Center” aligned? And can this setting be changed anywhere?
e.g. it might be nice for me to change /test3/ to “Top Right” and that way the man will be visible in a portrait mobile view

=)

Ahhh, haaa! :D

From your code, does that mean it was Avia that was leaking the info?

Hi Rikard

Turns out there were a few css/js files that were still cached from the non-https version.

Everything’s fine now – thanks for the quick response.

=)