Purple line next to Logo on Mobile

Topic summary

A purple line appears next to the logo and temporarily on product images in the mobile version of a Shopify store using the Envy theme by WeTheme. The issue only occurs on the live mobile site, not in the Shopify editor or desktop version.

Key Details:

  • The problem appears exclusively on Android devices, not iOS
  • Testing across 6 devices shows inconsistent behavior:
    • Showing: Oppo A74 (Android 13), Samsung Galaxy A74 (Android 8), Sony H8216 (Android 10)
    • Not showing: iPhone 13, Samsung Galaxy A55 (Android 11)
  • Another user tested on OPPO Find X5 Pro and OPPO Reno8 Pro without seeing the issue

Troubleshooting Attempted:

  • Developer mode and accessibility settings were checked and ruled out as causes
  • The issue is suspected to be in the style.scss.liquid file, but the exact code hasn’t been located

Suggested Next Steps:
Use browser developer tools to inspect elements at different viewpoints to identify what’s causing the purple line. The discussion remains open with no definitive solution yet.

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

Hey guys!
On the mobile version of my website, there’s a permanent purple line next to my logo and a temporary purple line appears on all the product images. Attached is a quick screen recording of this issue.

It doesn’t appear in the Shopify editor or the desktop live version, only the mobile live version. Also, it seems it only appears on Android and not IOS. I’m using the Envy theme by WeTheme and I assume the problem lies in my style.scss.liquid file, but I can’t seem to find the code.
Website: https://ocsofit.com/ (View on Mobile)
Any help would be greatly appreciated.

Hi,

It seems that this has nothing to do with your theme but probably rather with some developer settings or accessibility settings you have turned on, on your device.

If you have developer mode turned on, switch it off. Also check in your settings for any accessibility features turned on.

Hope this helps.

Hi Thom, thanks for the quick reply! But I don’t have developer mode turned on and I’ve checked it on 3 different Android devices and 1 IOS device. It’s showing on every device (except the IOS device).

Kind Regards

Hi,

That is pretty interesting as I also just checked it on a couple of devices but did not get this behaviour. Which devices are you using and which software version do they have (app version as well).

That is very strange! I tested it on a few more now. The Results:

Device Android Version Purple Line
Oppo A74 13 Showing
Samsung Galaxy A74 13 Showing
Samsung Galaxy A55 11 Not Showing
Sony H8216 10 Showing
Samsung Galaxy A5 8 Showing
IPhone 13 [IOS] Not Showing

It’s showing on 4/6 devices.

Hi,

That is very weird, I tried on the OPPO Find X5 Pro and the OPPO Reno8 Pro. On both no purple line is visible.

Try with the dev tools to see if it’s certain viewpoints and then with element inspect you can maybe figure out what causes it.