Extra white space at the bottom of your Webflow site using the Gallio theme is typically caused by padding, margin, or hidden elements. Here's how to fix it.
- Select each section near the bottom of your page from the Navigator panel.
- Look for any bottom padding or margin applied, especially on
Body
, Footer
, or final Section
elements. - Remove or reduce excessive spacing by setting Padding/Margin to
0
, or adjusting as needed.
2. Inspect Empty Elements
- Scroll to the bottom of your site in Design view.
- Check for any empty div blocks or sections that may have height, padding, or margins but no content.
- Delete unused elements or set their Display to None if not needed.
3. Check for Fixed or Absolute Positioned Elements
- Look in the Navigator for any elements with Position: Fixed or Absolute at the bottom of the layout.
- These can push the height of the page unintentionally, especially if they have large dimensions or bottom offset.
- Adjust the position settings or z-index as required.
- The Gallio theme may include a stylized footer with padding.
- Reduce the Footer’s bottom padding or adjust any internal Grid or Flexbox layouts that space content unnecessarily.
5. Set Body and HTML Overflow to Hidden (If needed)
- In some rare cases, white space is caused by an element overflowing its parent without scroll.
- Go to Body (All Pages) in the Style panel.
- Set Overflow to Hidden and observe whether the extra space disappears.
- Use this with caution, as it can hide intentional overflow like sticky headers or modals.
6. Preview in Different Viewports
- Use Webflow’s Responsive modes to check if the space only appears on tablet or mobile.
- Sometimes mobile-specific styles (e.g.,
vh
units or hidden elements) can create layout shifts.
7. Publish and Verify
- After making changes, Publish the site to your staging domain.
- Scroll to the bottom and confirm that the white space is gone live, not just in the Designer.
Summary
To remove bottom white space in the Gallio theme, inspect and adjust padding, margin, hidden or empty elements, and watch for positioning issues. Cleaning up these areas should eliminate unintended space below your content.