Product Card labels overlapping with my mega-drop down menu.

1 0 0

Hello all, I seem to be having an issue with my product-card labels overlaying with my drop-down menu.


If anyone could assist, I would be very grateful, thank you!


- Alex

Replies 2 (2)

1117 201 219

This is Noah from PageFly - Shopify Page Builder App


Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>


z-index: 1 !important;
z-index: 1 !important;



Hope my solution will help you resolve the issue.


Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Shopify Expert
327 77 81

Hi @BloomsMenswear ,

You can follow these steps:

- Go to Online Store -> Themes -> Edit Code

- Find file base.css and paste the code below to end of file -> Save

.parent-display.facets__display {
   z-index: 20;

Hope this help!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development