Help removing white space above header on mobile - Ride theme

Topic summary

A user is experiencing an unwanted white space appearing above the header on mobile devices in their Shopify store using the Ride theme. The issue occurs specifically when scrolling down and then back up.

Suspected Cause:

  • The problem emerged after installing new apps, suggesting a potential conflict or CSS injection issue.

Proposed Solution:
Another user provided a fix involving:

  • Accessing the theme code editor (Online Store → Edit Code)
  • Locating the theme.liquid file
  • Adding custom code above the </body> tag

Current Status:
The discussion appears to be awaiting confirmation on whether the proposed solution resolved the white space issue. The affected pages include collection, landing, and product pages based on the tags.

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

Installed a few new apps, and now on mobile I have a random white box on mobile that appears after scrolling down and back up as seen by the photo attached. Any help to resolve this would be greatly appreciated as I just got my site to a point I am happy.

My website is https://downunderthunder.com.au

Hey @JayFinlay

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like