Hi, I’m having trouble changing the header icons while also keeping their animations (such as increasing in size when hovered over or when clicked). I managed to change the hamburger icon but it did not go away when clicked and remained under the X. Similarly, when I changed the search and account i…

It worked! Thanks, though I’m currently having trouble getting the sizing down on the account icon, after I added the class from the default SVG the icon is no longer visible, either too big or too small, or maybe being cropped out. Not sure how to make it visible again. Edit: Managed to make it wo…

I have changed the bag/cart icon but the popup notification not working when I’m taking my mouse on the icon. How can I add the animation again?

How can I modify header icons without losing their animations?

Store Design

Dan-From-Ryviu December 22, 2023, 4:10am 2

Did you add the class of default svg icons to your new icons?

Topic		Replies	Views
Change size of svg menu icon in header Store Design menu , design , header , customizations , css , troubleshooting	2	87	May 28, 2024
Make svg icons in header a little bit bigger Store Design design , header , customizations , css , troubleshooting	2	67	May 26, 2024
header icons disappeared Store Design menu , header , customizations , css , cart-page , shopify-themes , troubleshooting	3	70	September 9, 2024
Dawn - Align & Fix size on header icons when zooming Store Design design	0	35	February 9, 2024
Want to fix icons size on header Store Design design , header , css	4	82	February 22, 2025

How can I modify header icons without losing their animations?

Related topics