How to fix white space above footer on Dawn theme 11.0.0?

Store Design
,
1

Hello, I’m having an issue with a white space above the footer on a site. The website is on Dawn theme 11.0.0. The issue doesn’t appear on larger screens, only when the view is small like a tablet or mobile. If I fill the page with more content the gap becomes smaller. I’m unsure if this inspect is correct but it seems to be a part of the “main content section”

I am using custom liquid for the video player, and QAB Hextom quick announcement bar below the footer but when I enable / disable this it doesn’t make a difference.

I’ve seen a similar issue to this but none of the fixes have worked for me so far. Help would be greatly appreciated.

Photoshop_nsTSFBNIJs.png
Photoshop_nsTSFBNIJs.png375×1207 123 KB

Photoshop_Lx9jRxhBbg.png
Photoshop_Lx9jRxhBbg.png1409×907 236 KB

Photoshop_QRNlqMJjPw.png
Photoshop_QRNlqMJjPw.png560×892 279 KB

Photoshop_VhdEgde0VY.png
Photoshop_VhdEgde0VY.png304×945 70.7 KB

2

I’ll also add a link here to the site

https://aiponocafe.com/

3

Hello @zach95564 ,

Please share:

  1. your store URL;
  2. page URL with the issue you mention;
  3. storefront password (if your store has one).

If the store is not online yet, kindly share the preview URL.

1 Like
4

Hello! Thanks for the reply. Below is the requested information, apologies if this isn’t formatted correctly.

  1. aiponocafe.myshopify.com

  2. aiponocafe.com (home page)

  3. No password

5

@zach95564 , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
#MainContent{
    background: #000;
}

diego_ezfy_0-1711499571618.png
diego_ezfy_0-1711499571618.png333×723 119 KB

Since the video has a fixed aspect ratio (the “rectangle” shape), it’s expected that it won’t and shouldn’t occupy the entire screen, this would make the video stretch. Ensuring the page’s background blend in by painting it with the same color as the footer is the best bet.

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

1 Like
6

Hi @zach95564

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-1711502178611.png
PageFlyRichard_0-1711502178611.png390×844 126 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like
7

Thank you so much! Works like a charm.

8

Very thankful for your help, works perfectly.