How to remove empty spaces in mobile view?

Topic summary

A user is experiencing unwanted empty spaces appearing only in the mobile view of their landing page (projects817.com/pages/land).

Initial Problem:

  • Empty white spaces visible on mobile devices
  • Issue isolated to mobile view only

Proposed Solution:
GemPages support provided CSS code to be added to the theme:

  1. Navigate to Online Store → Theme → Edit code
  2. Open the theme.liquid file
  3. Paste provided CSS markup before the closing </body> tag

Current Status:

  • The CSS solution partially worked by removing top spacing
  • New issue emerged: payment options now incorrectly display at the bottom of the page
  • Problem remains unresolved and requires further troubleshooting
Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.

Hello Can someone please tell me how to get rid of this empty spaces that only shows on the mobile view.

url: https://projects817.com/pages/landing-page

Hello @Only1mrsfragili

I would like to give you a solution to support you

  1. Go to Online Store → Theme → Edit code:

  1. Open your theme.liquid theme file

  2. Paste the below code before


Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

It took away the space at the top but now payments show at the bottom