I have an arrow button displayed on entire website and I want to remove it.

Store Design

Topic summary

A user is trying to remove an arrow button that appears across their entire Shopify website. The theme doesnā€™t have a built-in option to remove it.

Proposed Solutions:

  • Edit theme.liquid file: One responder suggests finding and modifying specific code in the theme.liquid file, though the exact code snippet appears garbled in the conversation.

  • Add Custom CSS: Another approach recommends navigating to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and pasting code to hide the element using display: none !important.

  • Alternative method: A third solution involves editing the theme.liquid file directly by locating the </body> tag and adding CSS code before it.

Multiple respondents provided step-by-step instructions with screenshot links to guide the implementation. The discussion remains open, awaiting confirmation from the original poster on whether any solution worked.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I have an arrow button displayed on entire website and I want to remove it. I tried to remove but there is no-built in theme option to remove it.

1 Like
2

Hi Huju,

You should open edit code and find this code in theme.liquid:

and edit it as this:

buy me a coffee:)

3

Hi @huju

Try this one.

  • From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€
  • Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.
  • In the ā€œtheme. Liquidā€ file. Find the tag and paste the code below before the tag.
  • And Save.

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

4

HI @huju

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.dbtfy-quick-compare.color-background-1 {
    display: none !important;
}

BF: https://prnt.sc/nZKeZx3wm3VF
AT: https://prnt.sc/JHUb4VRVfkMe

I hope this helps

Best,

Daisy

5

Welcome! Would you mind hitting ā€˜likeā€™ as well? Thanks!