Dawn product drop down arrow brings up cart

Store Design
1

Hi my drop downs for how to, shipping etc. on my product page shows the drop down text when you hit the text. But when you click the arrow it shows the cart.

Does anyone know the fix for this?

Thanks in advance

2

the site is https://ruffsociety.com.au/products/hoodie-dog-treat-pouch

3

Hello @dean27

As I can see there is an issue of the CSS here.

You can go online store → Click on the Customize → Click on the theme settings https://prnt.sc/MyQT2bUfQw7C → Add custom CSS here https://prnt.sc/qVxkhh4dxGy- which is mentioned below.

#cart-icon-bubble svg {
	height: 88px;
}

Once you add this CSS it will allow you to click on the arrow to open the accordian. I hope that works.

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!

4

@dean27 The issue is because the cart icon is not set to proper width and height. Please follow the below steps to resolve it. It will fix the issue that cart drawer opening when clicking anywhere other than the cart icon in the header section. Let us know whether it is helpful for you.

  1. Go to “Online stores” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Search “base.css” file and paste below CSS code at the bottom of the file like in the attached screenshot.
#cart-icon-bubble > svg {
  height: auto !important;
  width: auto !important;
}

Vinsinfo_0-1738580981903.png
Vinsinfo_0-1738580981903.png1352Ă—429 29.7 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

5

It sounds like there might be a conflict with your dropdown or cart functionality. Try these fixes:

  1. Check for JavaScript conflicts: Disable other scripts temporarily to see if they’re causing the issue.
  2. Inspect your HTML/CSS: Ensure the dropdown is correctly positioned and not overlapping with the cart.
  3. Update or reinstall the theme: If you’re using a theme or plugin, ensure it’s up to date.
6

Thank you soo much it worked!

7

Thank you very much!

8

Thanks for your time and reply, the above solutions worked.