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

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
Shopify Partner
1317 233 281

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.

BSSCommerce-HDL
Shopify Partner
2305 835 908

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!

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now