SITE MESSED UP - White space on mobile at right side of the homepage but on desktop it looks perfect

Topic summary

A mobile-responsive issue causes unwanted white space on the right side of Shopify store homepages when viewed on mobile devices, while desktop displays appear normal.

Solution Provided:

  • Add CSS code to hide horizontal overflow on mobile viewports (max-width: 580px)
  • For Timber theme: Insert code at bottom of timber.scss.liquid
  • For Dawn theme: Insert at bottom of base.css
  • For Pipeline theme: Insert at bottom of theme.css

Confirmed Results:

  • Multiple users report the fix works successfully
  • One user notes it resolved issues specific to Brave browser mobile view

Outstanding Issue:

  • One user reports the solution deactivates the sticky header feature in Dawn theme’s mobile view
  • No resolution yet provided for maintaining sticky header functionality while fixing the white space problem
Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

Thank you Diego!
It works, have been searching for a whole week.

I wish you a lovely day.