Overlay on product titles for mobile too - Baseline Theme

Store Design
, ,
1

Hello,

I used the Baseline theme and I’ve set my theme settings so that the product titles and price only show on hover/overlay. It works for the desktop but I want it like that on mobile too. On mobile it shows the product titles and prices. Any code to have this work on mobile too? References below.

Desktop :

dxxrek_0-1702592323561.png
dxxrek_0-1702592323561.png400×250 57.9 KB

Mobile:

dxxrek_1-1702592323572.jpeg
dxxrek_1-1702592323572.jpeg231×400 14.1 KB

2

Hello @dxxrek ,

I understand your concern. Unfortunately, the hover feature, which works well on desktop, doesn’t translate directly to mobile devices since they operate on touch rather than hover. This is why the product titles and price are showen by default on the mobile device.

3

Thank you for the insight! Is there a way to remove product titles on mobile?

4

Hi @dxxrek ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

5

That worked. Thank you!

One more thing - is there a code to edit the page width on baseline theme? Right now it’s full width but I want the collection to be centered in the middle more.

Thanks for your help.