How to display Collection list on mobile without hover on Minimal Theme?

Store Design
1

Hello

My website is www.chatterboxlabels.com. I am using the legacy Minimal Theme

I am displaying my collection lists on homepage. On desktop they appear properly and there is a hover effect which shows the collection title and shop now button on hover. Without hover it displays the collection image. On Mobile it only shows the image with hover and collection image isnt displayed. Also, I would like colleciton lists on homepage to be shown in 2 columns on mobile instead of one to minimize scrolling by users

Can anyone please help?

shrishtib_0-1735366635467.png
shrishtib_0-1735366635467.png1920×1080 411 KB

shrishtib_2-1735366721066.jpeg
shrishtib_2-1735366721066.jpeg590×1280 78.8 KB

Thanks,

Gaurav

2

Hi @shrishtib

In the mobile view, there is no mouse cursor; therefore, hover effects cannot function as they do in the Desktop view.

Best,
Daisy - Avada Support Team.

3

Hello

Thank you for the reply. Can you please help me where I should apply this CSS? I added this Custom CSS to the Collection List section on Shopify by Clicking Customize but it changed nothing

Sorry if this is too much trouble

shrishtib_0-1735390718834.png
shrishtib_0-1735390718834.png1920×1080 461 KB