Hi can anyone help me?
My website has a weird semi-opaque bar on Desktop only.
I’ve tried looking for the source code but can’t find it at all.
This only appears on the home page:
Topic summary
A store owner is experiencing a visual bug on their Shopify site where a semi-transparent bar appears across the homepage on desktop devices only. The issue is not present on mobile views.
Key Details:
- The bar is visible in the provided screenshot
- Only affects the homepage (https://luxeemporiumx.com/)
- Desktop-specific issue
- Owner has attempted to locate the source in the CSS but has been unsuccessful
Status: The issue remains unresolved with no responses yet. The poster is seeking help identifying and removing this unwanted element from their theme code.
Just opened your store’s url and i can say, i didn’t see the opaque bar on the home page on my browser. Try hard resetting, cache clearing then reopen it.
You have a strange element output in your HTML.
Can be remains of some app, or some kind of copy-protection…
I guess you should remove it and relevant style:
<style>
. . .
</style>
<div id="main_element" aria-hidden="true">_______L_____ayout</div>
Let me know if you want me to check further…
Hello @saintnoir
I visited your store and it seems that your issue has been resolved.
If you face any other problems, please let me know.
Thanks!
Hi how would I remove this? I’ve looked in the css and can’t find that css
I guess it’s in the layout/theme.liquid, at the top part.
Just go there and search for main_element
i didn’t see the opaque bar on the home page on my browser. please share a screenshot of what you want! i can help you.
Thanks!
You guys seem to have small displays 