Avenue: Index Thumb titles overlay on hover on desktop and below image on phone?

Hi,

I'm using the Avenue template and would like to have the Index thumbnail titles show up when you hover on the image when viewing on your desktop but keep them below the image when viewing the website on yourr phone. Does anyone know any code to make this happen? Appreciate any help!

I think you need to put this before your css to only render on desktop

@media screen and (min-width:800px){ 

Can you share link to your site?