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

Store Design

Topic summary

A user running the legacy Minimal Theme on Shopify is experiencing issues with collection lists on their homepage’s mobile view.

Current Problem:

  • Desktop: Collection images display properly with hover effects showing titles and “Shop Now” buttons
  • Mobile: Only hover effects appear; collection images are not visible
  • The user also wants to display collections in 2 columns on mobile instead of 1 to reduce scrolling

Progress:

  • A support team member explained that hover effects don’t work on mobile devices due to the absence of a mouse cursor
  • The user attempted to apply custom CSS to the Collection List section through Shopify’s Customize interface, but reported no changes occurred
  • Screenshots were provided showing both the desktop layout and the problematic mobile view

Status: The issue remains unresolved, with the user seeking guidance on where to properly implement CSS fixes for mobile display.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
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