Troubleshooting

[zoeeblightt]

On the home page of my ICON theme the cart button is stacked causing an XXL header. 

Where and how can I fix this?

URL: https://cocoandbundle.com.au/

[Jason]

That's odd. Was the "my cart" text you added into the code or part of the default theme options? If default, that feels like a bug and should be messaged to the developer to solve. 

A possible quick fix could be adding this CSS to the bottom of your stylesheet. Test it in an unpublished theme before going live with it.

/* adjust the cart button text so it does not wrap */
#mobile-cart button {width:initial}

 
If you see weird things after testing we may need to be more specific on the CSS targeting, so it doesn't affect other things.

[Sonya_2025]

Hey @zoeeblightt 

Pls follow below steps to fix your issue.

1. Open your theme editor

2. Select the header section

3. At the right bottom of the editor. There is a custom css input box. Try to copy this to the input box

.slideout__trigger--open .slideout__trigger-mobile-menu {
  width: 100%
}

like below image

Hope this helps!