How to remove huge white spaces in product page mobile Ware House theme?

Topic summary

  • Issue: On the Warehouse theme’s product page (mobile view), excessive white space pushes content below the fold, and a thin divider line appears under the product name. The requester asked for code changes that affect mobile only, leaving desktop unchanged.

  • Context: A store URL and a screenshot were provided to illustrate the spacing problem. The image is central to understanding the layout issue.

  • Assistance: A code-based fix was suggested by responders, which the requester initially confirmed matched their needs.

  • Implementation: After first applying the code, no visible change occurred. Following further adjustment/clarification, the change took effect.

  • Outcome: The solution “works like a charm,” indicating the mobile white space and/or divider issue was successfully resolved. No code details were documented in the thread. The discussion appears resolved with no outstanding questions or further actions noted.

Summarized with AI on December 14. AI used: gpt-5.

Good afternoon, friends. The ware house theme’s mobile product page is not optimized at all and a lot of content is below the fold because of huge white spaces. Can anyone help me with the code adjustments to remove these spaces? Or at least remove the thin divider line seen under the name of the product? I want these edits to apply to mobile view only. Desktop should remain the same. Thanks in advance for the assistance!

Store: www.mochilo.co

1 Like

Hi! Yes, that is exactly what I’m looking for. I added the code, but there seems to be no change.

1 Like

Works like a charm. Thank you!