Clicking on collection page indicates different than the selected

Shopify Discussion
1

Hi everyone!
I’ve been checking and testing my draft theme when I noticed that in mobile mode when I tap to one of the collection the highlight indicates the collection below the collection that I tapped. It’s just confusing. See photo for reference:
Store Preview URL: https://g2kw4sinmcozvgz1-13830324282.shopifypreview.com

In this photo I tapped on air purifier filters collection although the link I’m directed to is correct, but the highlight (blue) Indicates that I tapped on the collection below it which is Baby Gears Collection.

IntechCarl_1-1741748449080.png
IntechCarl_1-1741748449080.png445×616 83.5 KB

2

Hello, the problem is that your image and link is different block link is not surrounding of the image div. and you hide the tag via CSS. So when you click the main div it height the hidden a link

Arif_Shopidevs_0-1741754693541.png
Arif_Shopidevs_0-1741754693541.png390×734 97.1 KB

3

@Arif_Shopidevs Hi! I didn’t think that they are on a different block ,since I set them up at once. I just need to select a product collection and the image with it will automatically displayed. See photo for reference:

IntechCarl_1-1741759979172.png
IntechCarl_1-1741759979172.png1258×753 179 KB

4

oh sorry, I remember now that I used a code to hide the collections titles. So maybe that’s why.