On the home page of my ICON theme the cart button is stacked causing an XXL header.
Where and how can I fix this?
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.
Hey @zoeeblightt
Pls follow below steps to fix your issue.
-
Open your theme editor
-
Select the header section
-
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!