Solved

Added to cart drop down appearing behind text

OhSoGroup
New Member
4 0 0

Hi Guys,

 

I'm wondering if anyone could help me with this one. As per the image below, the cart pop up is behind the text. I have tried other solutions from other posts but no joy. Any ideas?

 

So far I've tried:

Changing theme color for cart

Adding line to bottom of base.css 

Adding line to cart component

(All have been reverted)

 

Any advice would be greatly appreciated it.

 

Thank you

carterror.png

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
978 255 201

This is an accepted solution.

Hey @OhSoGroup,

Add this to the bottom (or most top) of the base.css

 

.section-header {
    z-index: 2;
}

 

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here

View solution in original post

Replies 7 (7)

theycallmemakka
Shopify Partner
1157 249 267

Hi @OhSoGroup ,

 

Please provide link to your store so that i can review the issue.

❤️❤️

Buy me a coffee


For quick response - Message Me


For easy store customization, try PageFly
Add Winter vibe to your store
OhSoGroup
New Member
4 0 0

Hi @theycallmemakka 

 

ohsobliss.co.uk

 

Password removed

 

Thank you

theycallmemakka
Shopify Partner
1157 249 267

Hi @OhSoGroup ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
main#MainContent {
    z-index: -2;
}
</style>

Result:

theycallmemakka_0-1706282735889.png

 

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

 

❤️❤️

Buy me a coffee


For quick response - Message Me


For easy store customization, try PageFly
Add Winter vibe to your store

topnewyork
Trailblazer
209 25 27

Hello @OhSoGroup ,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Thanks

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
OhSoGroup
New Member
4 0 0

Hi @topnewyork 

 

ohsobliss.co.uk

 

Password removed

 

Thank you

ThePrimeWeb
Shopify Partner
978 255 201

This is an accepted solution.

Hey @OhSoGroup,

Add this to the bottom (or most top) of the base.css

 

.section-header {
    z-index: 2;
}

 

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here
OhSoGroup
New Member
4 0 0

Thank you very much @ThePrimeWeb . This solved the issue.

 

Thanks to everyone else who was looking at this.

 

OhSo 🙂