Section above footer needs to be with the footer no space

Store Design

Topic summary

A user is experiencing an unwanted gap between the email signup section and footer on their Shopify store pages, particularly noticeable on pages with minimal body content that don’t stretch to fill the viewport.

Issue Details:

  • The gap appears on multiple pages, especially the “media inquiries” page (currently in draft)
  • Store URL: waistlite.com
  • The problem occurs when page content is insufficient to push the footer to the bottom naturally

Attempted Solutions:

  • Initial suggestion was that the space might be reserved for a menu footer that could be removed if unused
  • Screenshots were shared showing the gap, though there was some confusion about whether the issue was already resolved

Resolution:
PageFly support (Richard) provided a technical solution:

  1. Navigate to Online Stores > Themes > More Actions > Edit code
  2. Open theme.liquid file
  3. Add specific CSS/markup code above the </head> tag

The discussion appears resolved with a concrete code-based fix provided, though implementation confirmation is pending.

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

I am trying to have the emailsignup and the footer sections together at the bottom of the pages. However I have a larger gap between the two pages. How can I remove the gap?

Screenshot 2024-02-20 125623.png
Screenshot 2024-02-20 125623.png1890Ă—985 90.6 KB

1 Like
2

Hi @nmn22601

I think that is the space for the menu footer. If you dont like to used it, we can remove it. Would you mind to share your store URL? Thanks!

3

The page that I am working on is in draft and not published.

https://ywwpq9ie6ix0sdvb-85805793561.shopifypreview.com/pages/media-inquiries

1 Like
4

I just need the preview of the problem but it seems you already solved?

Made4uoRibe_0-1708458495285.png
Made4uoRibe_0-1708458495285.png817Ă—307 31.8 KB

5

That is no how it looks on my end. Please go to the media inquiries page.

nmn22601_0-1708459077424.png
nmn22601_0-1708459077424.png1885Ă—915 66.3 KB

6

Please, check what name of this template.s In your templates file can you see if you have media-queries.json or near to that name? Thanks!

7

This happens on all pages that do not have enough for the body to strecth so the area will be to the bottom.

nmn22601_0-1708462891707.png
nmn22601_0-1708462891707.png1903Ă—976 90.8 KB

8

Hi @nmn22601

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1708476125785.png
PageFlyRichard_0-1708476125785.png1482Ă—953 78.2 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly