Problem: A large white space appears between the FAQ and Email Signup sections in the Horizon Shopify theme. Initial attempts to change padding and add custom CSS didn’t affect the gap.
Diagnosis: The Email Signup was placed in the Footer group. When the page content is shorter than the viewport, Horizon adds empty space above the footer area, making the gap appear above the Email Signup.
Solutions offered:
main.content-for-layout { flex-grow: 0; } and main + * { margin-bottom: auto; }.Additional guidance: If the section is custom or editing is cumbersome, consider a custom-liquid/custom-html section, AI-assisted code generation, or hiring theme help.
Status: No confirmed fix yet. Cause and multiple paths are identified; the requester is not comfortable with code and may delegate the task.
I’m trying to remove a large white space between my FAQ section and my Email Signup section.
I’ve already tried adjusting padding and adding custom CSS, but nothing changes. The gap won’t move at all.
Could you please check if this is being caused by theme code or a layout restriction in the Horizon theme?
There are several ways to configure your theme.
Especially in Horizon family of themes – you have much more options to do what you want or seriously screw your layout.
So share a link to the page in question and preview password if one is set…
This is the link https://ihuwx0-1s.myshopify.com/ I need
(I could deduce it from your admin page link).
Ok, now I see that this “Email signup” section is in your “Footer group”=>
You need to delete it from Footer Group and re-add in the Template area=>
In an unlikely case you want this section on every page, but together with sections above, you should keep it where it is, but use some CSS – add this code to Theme Settings=> Custom CSS:
main.content-for-layout { flex-grow: 0; }
main + * { margin-bottom: auto; }
Ha HA, that is how this all started, I tried to shift the white space when it was in template and I was told to pu it in footer, as you can see it is still there.
The logic is simple.
If your content is not enough to fill entire screen height, the space is added between template area and footer area.
So I’ve outlined 3 options to use based on what your goal is…
if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it
Sorry this is my first interaction on this forum, where are the 3 options?
Why did not you keep the “email signup” section in template area?
The options outlined/explained here – Horizon: large white space between my FAQ section and my Email Signup section - #4 by tim_1
First:
… “Email signup” section is in your “Footer group”=>
- This form will be shown on every page
- If your screen in tall, the empty space is added above Footer group (including this section) …
Second:
… delete it from Footer Group and re-add “Email signup” section in the Template area=>
- It will be shown on this template only (which is for homepage)
- It will be together with the sections above. …
Third:
In an unlikely case you want this section on every page, but together with sections above, you should keep it where it is, but use some CSS – add this code to Theme Settings=> Custom CSS: …
In this screenshot it is.
But initially, you had it in “Footer” area.
That’s why empty space was appearing above.
From your screenshot, it looks like the large white space between the FAQ and Email Signup sections in the Horizon theme is likely caused by the theme’s layout settings rather than simple padding. Horizon sometimes adds extra spacing around sections by default, especially for newsletter blocks.
Go to Online Store > Themes > Customize.
Click on the Email Signup section.
Look for any “Spacing” or “Padding” options and set them to 0 or minimum.
Open sections/newsletter.liquid or the equivalent Email Signup section file.
Look for classes like section,wrapper, margin or padding and try reducing/removing them.
Usually, Horizon inserts extra padding at the section wrapper level, so adjusting the section settings or overriding with CSS is the way to go.
Hope this helps!
Thanks Jan, I am not really a code person, I did look over it and changed a few settings, but not really knowing what I am looking for is a struggle, I can’t spend more time on just trying to shift a bit of white, which I have been working on for 6 hours, I ned to move on.
If the email section is custom try a standalone custom-liquid/custom-html section, or an alternative is ask the “AI” to try and randomly generate the needed part, but it’s still a time investment.
You can always reach out to the contributors here for theme services to delegate responsibilities so you can work on business processes.
