Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi All - I may not be in the right place but I'm having a bit of an issue with the new store I just launched (Dawn Theme.) I just opened my online store (www.tinyotters.com.) It’s using the Dawn Theme. I designed myself so there are still many (many many) issues to work through, but one issue I’m seeing is:
If you go to a product page and add something to the cart, the cart pops up from the top right. But instead of the shopping cart laying on top of the page, it somehow has some weird transparency such that it overlaps on the page that the user is on and ends up looking terrible. (You can see on the screenshot attached below.)
I keep thinking this has to be an obvious fix, but I haven’t figured it out and google searches have not yet yielded the solution. Wondering if anyone here has any insight.
Thank you in advance!
Solved! Go to the solution
This is an accepted solution.
Go to your Online Store > Themes > click 3 dots button > Edit code > Assets > open base.css file and and this code below at the bottom of this file, click Save button
.cart-notification {
background: #fff !important;
}
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hello @tinyotters
This is GemPages - A powerful Page Builder. Regarding your question, I would like to give you some recommendations to support you
Please help me by add this code to your theme.liquid above the </body> tag
<style>
.cart-notification {
background: #fff;
}
</style>
Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages
This is an accepted solution.
Go to your Online Store > Themes > click 3 dots button > Edit code > Assets > open base.css file and and this code below at the bottom of this file, click Save button
.cart-notification {
background: #fff !important;
}
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thanks! This one did the trick!
Thanks so much! I had the same issue.
Very welcome!
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025