Hey everyone, I added this jquery to my site in order to have the project name following the mouse on hover:

<script>
var windowWidth = window.innerWidth;
if(windowWidth > '1024') {
jQuery(document).bind('mousemove', function(e){
jQuery(".titlewrap-on-image").offset({left: e.pageX, top: e.pageY});
});
}
</script>

@media (min-width: 1024px){
.thumb:hover .titlewrap-on-image {
display: block;
position: absolute;
}

.titlewrap-on-image {
display: none;
font-family: "Dela Gothic One";
font-size: 30px;
text-decoration: underline;
color: white;
position: absolute;
z-index: 1000;
}
}

I'd like to have the project title displayed above the thumbnails in both tablet and and mobile but I have no idea on how to achieve it. I have a basic knowledge of CSS and absolutely 0 of Js (I found the script online and adapted it to my site with CSS).

Can anyone pls help?

https://www.sofialucegallo.com/

Thanks for the post ( and the ✅option :)
This is of course a really valid idea & will put it straight in the Development notes!!!!!

Best wishes to you @edgrbnz and thank you for your ongoing support of Lay Theme, it is greatly appreciated as well as your presence on the forum.

Have a wonderful day & best wishes 🌞
Richard

@arminunruh If i change it to one of my projects it works, but it displays blank if its a page with just a full bleed background image like i had before installing woo.
Thank you, i will email Rich

Hi @Richard the website is back online. thanks! (:

Hope the following link helps:

https://laytheme.com/troubleshooting.html#installation-missing-stylesheet

Best wishes
Richard

@Baptiste Thank you for your reply. when I use "pointer-events: none;" the link doesn't appear anymore that's true, but then in my case the image doesn't appear either. Am I wrong?

Dear German Palomeque @ger15cba

Website looks lovely :)
A minor thing if i may - The Navbar's Background colour and Blur filter are slightly covering the top of your Thumbnail titles:

This is likely solved by giving your Gridder a little more 'Frame-Top' to accomodate for the Navbar :)

Hope this helps and have a wonderful day

Sincerely
Richard

@Sophie1000
I get this error, maybe you got it too:

TypeError: undefined is not an object (evaluating 'jQuery ('.sticky').offset().top')