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

BloomsMenswear
Visitor
1 0 0

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

 

https://www.bloomsmenswear.co.uk/collections/new-lines

 

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

 

- Alex

Replies 2 (2)

PageFly-Noah
Astronaut
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>

 

<style>
.pl-container{
z-index: 1 !important;
}
.zoomywishid{
z-index: 1 !important;
}

</style>

 

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.

BSSTech-Venture
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