slider showing a white overlay in mobile slider

Store Design

Topic summary

A user reports a white overlay appearing on their mobile slider at shofieewomen.com.

Another participant provides a potential CSS-based solution:

Proposed fix:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Locate the theme.liquid file
  • Find the closing </body> tag (using CTRL/Command + F)
  • Insert custom CSS code directly above this tag

The response includes a code snippet (appears reversed/encoded in the original text) and references a source link. The helper requests the original poster mark the answer as a solution if it resolves the issue.

Status: Awaiting confirmation whether the proposed CSS fix successfully removes the white overlay from the mobile slider.

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

https://shofieewomen.com Please check on mobile preview

2

@Alokkd1 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego