Parallax breaking Project Thumbnail Hover effect

[willcanning]

Hey all!

I've added some CSS to .title to make sure project titles appear centered on the page when the thumbnails are hovered over. I'd love to use the parallax effect with my imagery for this page, but it seems to not interact well with the CSS. You can see here https://treylyons.com/category/video-2

I am using this code:

.title {
	position: fixed;
	bottom: 50%;
	left: 50%;
        margin-right: -50%;
	transform: translate(-50%, -50%)
}

Is there something else I should be targeting?

[willcanning]

It appears this is also happening when 'Activate on scroll element transitions' is checked!

[Richard]

Dear @willcanning

Im sorry but i don't see exactly what is going wrong, i'm missing something maybe

what it is meant to look like? is it possible to upload a picture to show more specifically,

Thanks for your patience

Sincerely
Rich

[willcanning]

Hi Richard!

I disabled the parallax for a client preview. I'll login and re-enable now so that you can see the issue :)

[willcanning]

You should be able to see what I'm talking about now at http://treylyons.com/category/video-2