Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
On this theme i downloaded, if i click anywhere on the right side of the page it opens the cart. Just wondering how I could fix this. I think its simething to do with the svg like shown in the screenshot.
If anyone knows how to fix this, that would be greatly appreciated!
Solved! Go to the solution
This is an accepted solution.
Please add this code to Custom CSS of your Online Store > Themes > Customize > Theme settings to check
.header__icon--cart { overflow: hidden; }
- Helpful? Like and Accept solution!
- 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.
Hi @Air12
You can add this code to Custom CSS of your Online Store > Themes > Customize > Theme settings to check
.header__icon--cart { overflow: hidden; }
If it is still not solve the issue, please share the link of your store so I can check.
- Helpful? Like and Accept solution!
- 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.
Hi @Air12
Can you share you store link ( with password if needed) so we can figure out problem.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
This is an accepted solution.
Please add this code to Custom CSS of your Online Store > Themes > Customize > Theme settings to check
.header__icon--cart { overflow: hidden; }
- Helpful? Like and Accept solution!
- 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.
that worked thankyou so much!!
you are very welcome!
- Helpful? Like and Accept solution!
- 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.
Step 1: Go to Shopify Admin -> Online Store ->Theme ->
Edit code Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
.header__icon header__icon--cart link focus-inset svg {
width: auto!important;
height: auto!important;
}
</style>
Here is result: Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024