I have an issue with the cart drawer hitbox in the header on my page. It extends vertically, covering 3/4 of the screen. Could it be some code? I don’t remember changing anything, though.
Hello ![]()
Could you please share your store URL?
Of course! It’s:
The issue is worse on mobile format.
I cannot see any issue neither on desktop nor mobile.
Could you please share the steps to replicate the problem?
You have to click under the shopping cart icon. It’s like a vertical strip that actually runs through about 1/2 of the page depending on what device are you on.
Hiya ![]()
The cart icon is massively tall:
Add this CSS rule to fix it:
.header__icon--cart svg {
max-width: 100%;
max-height: 100%;
}
Where can i add it?
And how?
I’m not a programmer
.
PS.: Thank you for returning to this issue.
Go to Online Store, click on live theme “customize” button:
Then click on the gear icon at the left sidebar (that’s the theme settings):
Then click on the “custom CSS” section, and add the rule:
If it doesn’t work, add “!important” to each of them:
.header__icon--cart svg {
max-width: 100% !important;
max-height: 100% !important;
}
Once you’re happy with the change, click save and it should be it.







