How to adjust the effect in collapsible content on mobile

Store Design
, , , , , , , , , , ,
1

Hi, when I click on any of my collapsible content on mobile, a gray rectangle briefly flashes, and after that it stays highlighted.

  1. I want the gray rectangle to have rounded corners when I click on it, just like the collapsible content.

  2. I only want the click effect to show, then the rectangle shouldn’t stay highlighted and visible, I want it just on click.

Hope that makes sense, I just want the click effect to appear, but not leave the highlighted rectangle there. Then, I want to round the corners of the rectangle. :sweat_smile:

You can check it here: https://1049xn-ya.myshopify.com/products/editing-masterclass
(Just scroll all the way down to see the collapsible content section.)

ONLY ON MOBILE!

Thanks a lot,
Tim

2

Hi CreatorTim

You should hire a developer to replicate that. To create the effect you want, you will need to modify the JavaScript and CSS files. If the modifications are not done correctly, it could cause errors in the store.

Best,
Esther