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, 3 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, 3 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, 3 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, 4 months ago by Munford.

thanks you can close this thread

no here: https://imgur.com/a/0T9jG2d
I would like to either hide or decrease the size of the separator under the first post

also on the blog – I am getting duplicate breadcrumbs – one for the BLOG POSTS page I made, and one for the BLOG category. How do I hide the category breadcrumb – I only want the BLOG POSTS page showing.
thanks
Nancy

Hi Ismael
My images are the same size and it happens both with the perfect grid and flexible masonry options. It’s also not just the sorting, which is annoying but not crucial here, but also the alignment of the first column is off. Can you see what is causing this? I have lots of galleries on other sites that are working fine.
best
Nancy