We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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

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

shrishtib
Excursionist
12 0 5

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_2-1735366721066.jpeg

 

Thanks,

Gaurav

 

 

Replies 2 (2)
shrishtib
Excursionist
12 0 5

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

 

DaisyVo
Shopify Partner
4469 501 598

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.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution