Hi, when i click search on my mobile version, it creates a ‘‘shadow’’ on top of the page. How can i change its color or delete it?
Topic summary
A user is experiencing an unwanted shadow overlay that appears when clicking the search function on their mobile site. They want to either change its color or remove it entirely.
Proposed Solution:
- Access Online Store → Edit Code → theme.liquid file
- Add specific CSS code above the tag to modify or remove the shadow
Follow-up Questions:
- The original poster asks how to customize the shadow color (e.g., light black) rather than removing it
- They provide their store URL (www.easeastore.com) for further assistance
Status: The discussion remains open with the user seeking color customization options beyond the initial removal solution. The conversation includes reference images showing the shadow effect, though the specific CSS code snippet appears corrupted in the thread.
Hi,
Can you share your store URL, the image is not enough to give you a solution.
Hi @Vick2
You can follow the following steps:
- Please go to the Online Store
- Then Edit Code
- Please find the theme.liquid file
- And add the following code in theme.liquid file above the tag
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
how can i set other colors? For example a light black