Remove hover from gallery only on mobile

Hi.

I have done some minor css modifications to a gallery block so it will be working as a portfolio where you can link into different cases. 

I have added a hover state when you mouse over each image where the caption fades in and that works fine both on desktop view and on mobile...But i would really like the mobile view to not have a hover effect but instead having the Caption underneath the image. I would also like to be able to re style the caption type because it has to change color when it is not over an image...

I hope that some one can help me out with this 🙂

Hi,

Can you share link to page where you use gallery block?

I am trying to this also. 

I have hover:follow cursor on desktop, and would like to force gallery:simple on mobile + have the portfolio titles underneath the images. 

www.grahamcerceo.com

On 5/16/2023 at 11:06 PM, gcerceo said:

I am trying to this also. 

 

I have hover:follow cursor on desktop, and would like to force gallery:simple on mobile + have the portfolio titles underneath the images. 

 

www.grahamcerceo.com

Try this code

https://forum.squarespace.com/topic/179614-different-homepage-style-on-mobile/?do=findComment&comment=430097

The entire section disappears with the code in that link.

When I  /*  */  each group to see what's causing it to disappear, it seems to be the @max width string.

On 5/22/2023 at 8:57 PM, gcerceo said:

The entire section disappears with the code in that link.

 

When I  /*  */  each group to see what's causing it to disappear, it seems to be the @max width string.

 

 

Can you keep this code? We can test other code easier