thanks for the info. Is there a caching plugin you recommend that works better with enfold? I know swift comes highly recommended and I use it on many sites, but something is going wrong here.

best
Nancy

thanks I got it working.

Hej Ismael
Thanks I worked it out with your code.

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

thanks for your help. I will take a look at that.

thank you but that is not working for me – the images cover the captions on most of them: https://imgur.com/AStE1oE.
Looks like the padding between the items is not enough on the mobile but I can’t see which area to target.
Can you help with this, or put the code back that was there before…it was OK and the site is live now so I don’t want to leave it up like this…
thanks
Nancy

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

thanks that worked fine.
IS there a reason the youtube videos do not work as direct links like vimeo?

thanks so much. I think it is all OK now.

HI Mike
thanks for all your work…
I did a test and it seems like the gallery loads fine if there is only one slider on the page. I set it up with a different menu on mobile, and it seems to be working fine. The landing page is the same on PC and mobile since i can’t see how to change that logo link to something different on the mobile, but that page seems to load OK anyway with 2 sliders on the page. Is there a way to designate a different landing page on mobile in case I run into issues with that page?

I am still seeing errors in the layer slider videos although they are different than they were before. see https://imgur.com/wAQAddP
Should I be concerned about these?
best regards
Nancy

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

Hi Ismael

Thanks for the changes. It looks better. I see that the captions are still overlying the images – it’s not crucial but is there a way to position them BELOW the images – so the whole photo shows?
thanks for your help
Nancy

HI MIke
thanks for your reply. I don’t understand what those javascript errors mean –
I am using the advanced slider to put a video background at the top of my pages.
can you help me with that? I am following the guidelines on Vimeo for doing this, and
can’t find much about the error online that helps –
I looked at this: https://kriesi.at/support/topic/vimeo-avia-js-error/ but it didn’t seem to help when I added it to my code:
from`<iframe class=”vimeo” src=”https://player.vimeo.com/video/316121925?&background=1&muted=1&#8243; style=”position:relative;top:0;left:0;width:100vw;height:56.25vw;” webkitallowfullscreen=”” mozallowfullscreen=”” allowfullscreen=”” frameborder=”0″></iframe>
to
<iframe class=”vimeo” src=”https://player.vimeo.com/video/316121925?api=1&background=1&muted=1&#8243; style=”position:relative;top:0;left:0;width:100vw;height:56.25vw;” webkitallowfullscreen=”” mozallowfullscreen=”” allowfullscreen=”” frameborder=”0″></iframe>`
if I was doing that correctly?

Thanks
Nancy

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

I opened up another thread on this:

you can close this one.

sorry yes see below

my client wants only a transparent header, not sticky, transparent also on scroll.
thanks
Nancy

hi I got rid of that code but don’t see any change on the animation, although sometimes it takes a long time before I see changes in chrome.
it seemed to change the loading on the page below, but there is a delay on it and it’s not fading in like I need it to.

thanks
Nancy

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

HI again
So i added that animation code and now I have this:

.avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: fadeingallery 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);
    animation: fadeingallery 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);
}

.fadeingallery .av-inner-masonry {
	opacity: 1;
	animation-name: fadeInOpacity!important; 
	animation-iteration-count: 1!important; 
	animation-timing-function: ease-in !important; 
	animation-duration: 2s!important; 
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

now on the page below with a few galleries I see a fade in on page load but not when I scroll down. Can they fade on on scroll as well? I am also having an issue with the gallery not loading at all on the page until you resize the window – see below. Can you see what is causing that? is it something in the code? (I don’t really understand animation code enough to troubleshoot it)

thanks for your help
Nancy

HI Rikard
I still need help on a couple things:

1. I’d like the masonry gallery to fade in instead of the default animation, but I can’t get it to work properly.
I have this code:

.fadeingallery .av-inner-masonry {
	opacity: 1;
	animation-name: fadeInOpacity!important; 
	animation-iteration-count: 1!important; 
	animation-timing-function: ease-in !important; 
	animation-duration: 2s!important; 
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

which worked on this site: http://theflyingrug.com/
but on the site below the gallery still loads wrong. I have the gallery element in a column that is set to a fade-in animation as well, which is working with the “click on the images to see video” text, but the images below are not fading in unless you am already scrolled down to that section.

2. I’d also like to change the opacity on the masonry gallery hover background color but can’t get it to work.

Can you help me with this?
thanks
Nancy

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