Hello. I was wondering how to remove the arrows from the collapsible content, such as the image below： [leegoog_0-1725440200945.png] how to change and add new icon to it? Thanks for the help!

Hi @leegoog Please add the below code to remove the icon. Please follow the steps: Login in shopify admin. Click on the Online Store. Then click on the button next to Customize in live Theme. Click Edit Code. Search theme.liquid in the code in left hand side in your theme. Add the following cod…

Hi @leegoog , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

Hi @leegoog As you need to remove the unused icon code, then upload the new icon in the assets and call that icon where do you want to show it, and later on customize it with the help of css. If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement t…

Hi there, I didn’t publish the shop now. https://b3ae64-c3.myshopify.com/ Are you able to see it? Thanks

This is the Collapsible content in the shopify systerm, do you mean after I publish the website then I can change the icon? but first how to remove the arrow for the collapsible fuctiom?

Thanks for the help, but I need to remove the arrow from the Collapsible content first.

@leegoog , Your site have protected password

Hi @leegoog It’s not related to publishing the site first, you can do it even your theme is in draft mode. Can you please provide your store URL and password as well if applicable, so that I can provide you the code that will remove the existing icon. Best Regards Sahil

Hi there, I managed to removed password, can you see it now? Thanks

How to remove the arrows from my collapsible content?

Store Design

Dan-From-Ryviu September 4, 2024, 9:43am 4

Hi @leegoog

You can change or remove that icon from your Online Store > Themes > click “…” in the current theme > Edit code > open collapsible-content.liquid file, find

{% render ‘icon-caret’ %}, remove it, or change ‘icon-caret’ with another icon file.

Topic		Replies	Views
How to get rid of this arrow Store Design liquid , design , customizations , collection-page , css , shopify-themes , html , product-page	3	95	February 24, 2025
How can I remove the arrows from my collapsible content? Store Design design , css	8	128	June 27, 2023
How can I add arrows in Collapsible content? Shopify Discussion troubleshooting	7	119	November 13, 2024
How to replace the arrow in collapsible content with a plus and minus Store Design menu , liquid , design , customizations , css , metafields , troubleshooting , html , product-page	3	668	January 5, 2025
Dawn Theme - Remove icon in collapsible menu area Store Design menu , design , customizations , footer , css , html	5	59	December 29, 2023

How to remove the arrows from my collapsible content?

Related topics