## **🔍 Overview**

Some Shopify store owners notice their logo appears distorted — with scrambled or corrupted characters — shortly after installing the Search Atlas tracking pixel. This article explains what causes the issue and walks you through the steps to resolve it quickly.

## **⚙️ What Is Causing the Logo Corruption?**

The Search Atlas pixel itself does not modify your store's images or logo files. However, the pixel installation process involves editing your Shopify theme code, typically the **theme.liquid** file. If a character encoding conflict or a copy-paste error occurs during that edit, it can corrupt nearby HTML or asset references — which may cause your logo to render incorrectly.

Common root causes include:

- A hidden encoding character (such as a non-breaking space or a Unicode artifact) introduced when pasting the pixel code into the theme editor
- The pixel snippet accidentally placed inside an existing HTML tag or asset attribute, breaking the surrounding markup
- A Shopify theme that uses a custom font or SVG logo that is sensitive to unexpected characters in the **theme.liquid** head section

## **🚀 How to Fix the Issue**

1. **Back up your current theme.** In your Shopify Admin, go to **Online Store → Themes**, click the three-dot menu next to your live theme, and select **Duplicate**. This gives you a safe restore point.
2. **Open the theme code editor.** From the same Themes page, click **Actions → Edit code** on your live theme.
3. **Locate the pixel snippet.** Open **theme.liquid** and use your browser's Find function (**Ctrl+F** or **Cmd+F**) to search for the Search Atlas pixel code. It will typically appear in the **`<head>`** section.
4. **Remove the existing pixel snippet.** Carefully delete only the Search Atlas pixel code block. Do not remove any surrounding Shopify or theme code. Save the file and check your storefront — if the logo is restored, the snippet placement was the cause.
5. **Re-add the pixel correctly.** Copy the pixel code directly from Search Atlas (avoid reformatting tools or rich-text editors that may alter encoding). Paste it as the very last item inside the closing **`</head>`** tag, on its own line, ensuring it sits outside all other HTML tags.
6. **Save and verify.** Save the updated **theme.liquid** file and reload your Shopify storefront in a fresh browser tab. Confirm the logo displays correctly and the pixel is firing as expected.

## **✅ How to Confirm the Pixel Is Working**

After re-adding the snippet, verify the pixel is active without breaking your site layout:

- Open your browser's developer tools (**F12**) and check the **Console** tab for any new JavaScript errors.
- Use the **Network** tab to filter requests and confirm a call to the Search Atlas pixel domain is being made on page load.
- Browse several pages of your store — including the homepage, a product page, and the cart — to confirm the logo and all visual elements remain intact.

## **🛡️ Prevention Tips**

- Always duplicate your theme before editing code, so you can roll back instantly if something goes wrong.
- Paste pixel code using a plain-text editor (such as Notepad or TextEdit in plain-text mode) to strip any hidden formatting characters before adding it to your theme.
- Place the pixel snippet just before the closing **`</head>`** tag rather than near any asset or image-related code.
- Test on a **duplicate theme** first before pushing changes to your live store.

## **💬 Still Need Help?**

If you have followed the steps above and your logo is still displaying incorrectly, or if you are unsure where to place the pixel code in your specific theme, our team is ready to help. If you need further assistance, open the chat widget in the bottom-right corner of the platform and type **human teammate** to be connected with a member of our team.