Cart drawer "hitbox" too long

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 :slightly_smiling_face:

Could you please share your store URL?

Of course! It’s:

resaikan.com

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?

1 Like

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 :slightly_smiling_face:

The cart icon is massively tall:

Add this CSS rule to fix it:

.header__icon--cart svg {
  max-width: 100%;
  max-height: 100%;
}

1 Like

Where can i add it?

And how?

I’m not a programmer :sweat_smile: .

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.