How to remove Favicon from the product page

Store Feedback

Topic summary

A user seeks to remove a favicon appearing on their product page at zevaramaze.com. The favicon is displaying as an unwanted element on the page layout.

Proposed Solutions:
Multiple respondents suggest similar CSS-based fixes:

  • Add custom CSS code to hide the element using .category_listing-block { display: none !important; }
  • Access via Shopify Admin → Online Store → Themes → Edit Code
  • Insert code in either theme.scss.css, base.css, style.css, or theme.liquid file depending on the theme

Key Considerations:

  • One respondent requests clarification on which Shopify theme is being used to provide more specific guidance
  • The solutions target a .category_listing-block element, suggesting the favicon may be part of a category listing component
  • Screenshots were shared to illustrate the issue and solution steps

Status: Multiple solutions provided, awaiting user confirmation on which approach worked.

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

https://zevaramaze.com/collections/silver-rings/products/leora-ring-r3641

favicon shop .jpg
favicon shop .jpg1238Ă—388 26.9 KB

how to remove the above favicon from the website from the product page

2 Likes
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.css and paste this at the Top of the file:
.category-listing_block {
display: none!important;
}

ZestardTech_0-1698662374857.png
ZestardTech_0-1698662374857.png1727Ă—543 59.5 KB

3

Hi @aksdoshi

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag → save.

PageFlyHenry_0-1698675106153.png
PageFlyHenry_0-1698675106153.png1365Ă—651 47.6 KB

.category-listing_block img { display: none; }

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

Hey @aksdoshi .

Thanks for reaching out.

Just to gather some additional context, could you let us know which theme you are using for your online store? As this information will allow us to take a further look and advise the next steps.

If you are unsure about which theme is live on your store, you can navigate the the Theme Editor and select the three dots that are appearing towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:

31-04-36994-86752
31-04-36994-867521445Ă—766 87.6 KB

Looking forward to your response.

5

Hi @aksdoshi

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 “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.category-listing_block {
    display: none !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!