ah I figured it out, thanks.
was not sure where that code was coming from or where to change it but I added this:
.avia-mozilla .avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
transform-style: inherit!important;
}

.avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
transform: rotateX(120deg);
-webkit-transform-style: preserve-3d;
transform-style: inherit!important;
}

and it seemed to work. I have another problem now – the zoom animation seems unstable on firefox – if you hover over the images the zoom moves a bit. http://www.cfcnorge.com/item/human-rights-democracy/ I have disable some of the animation with this:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1!important;
}

but this:
.av-masonry-image-container:hover {
transform: none !important;
}

which was supposed to disable the zoom did not work. I am not sure what is causing the problem in firefox, since I deleted that last code and it is fine in other browsers.
any suggestions?
Thanks very much
Nancy

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

Thanks Andy I figured out another way to do what I wanted.

thanks Ismael
I used this code
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

but it does not seem to work.
?

thanks – I’m pretty sure the W3 total cache was the issue.
Regarding that last code – thanks for the tip = I’m actually trying to display only the titles on the masonry gallery on the mobile (ID #norad),
but that code disables both the title and caption. Is there a way to do that? Is there also a way to have
the masonry on the mobile display with a perfect grid instead of the auto masonry I am
using here? I asked this on another thread but have not gotten a response.
I will delete the other thread.

thanks –
If I delete the theme and reinstall it, will I lose all my settings/quick css / styling?

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

any ideas about how I can do this with Enfold? I see there are specific themes for travel companies, most of them pretty ugly and not quite what I want – and I really don’t want to lose the great customization options with Enfold and, of course, the great support here.
Any suggestions welcome….
Nancy

OK that’s weird. I did some editing on the landing page and now it is displaying correctly with no sidebars – did not change any setting though. I was also seeing problems with the image hotspots (all the hotspots were in the upper left corner for some reason) but that is OK now as well. strange.

Could you help with another issue? I’d like to move the logo at the top a bit further up, which I know can be done with a -value whitespace separator, but then on the mobile it’s too high and gets cut off. Is there another way to do this – a padding value or something? I can’t see what’s making all that space.

thanks very much
Nancy

thanks!

thanks but I don’t want to disable the arrow, I want it to work – it doesn’t move the page down as it should.