How to remove margin between custom-liquid and header - Dawn Theme

Store Design
, , ,

Topic summary

Issue: Noticeable white space (~70px) between the header and an autoplaying video placed in a custom-liquid section on a Dawn theme page.

Context: The custom-liquid section is a Shopify section that allows custom HTML/Liquid. The page link and screenshots were provided to illustrate the gap and settings.

Proposed solutions:

  • CSS override: Add to base.css
    .spaced-section { margin-top: 0 !important; }
  • Theme settings adjustment: In Online store > Themes > Customize > Theme settings, reduce the relevant spacing value (exact setting shown in a screenshot).
  • theme.liquid edit: Instructions to paste code above , but the actual code snippet was missing in the post (empty block), so this guidance is incomplete.

Status/outcome: No confirmation from the original poster that any solution resolved the issue. The most concrete, actionable steps are the CSS override and adjusting the spacing in Theme settings.

Notes: Screenshots are central to identifying the exact Theme setting and visualizing the spacing problem. The discussion remains open/ongoing.

Summarized with AI on January 9. AI used: gpt-5.
1

Hello,

There is a bit of white space between the auto playing video (custom-liquid) and the header. Through the inspection tool I figured out that it was 70px (i may be wrong). How do I remove it?

Link to page is https://aquald.com/pages/aqua-l-series

Thank you in advance!!

Screen Shot 2024-01-02 at 10.07.06 am.png
Screen Shot 2024-01-02 at 10.07.06 am.png3584×1666 262 KB

1 Like
2

Hi @kevinvi1 ,Go to base.css and add the following code :

.spaced-section {
    margin-top: 0 !important;
}
1 Like
3

Go to your Online store > Themes > Customize > Theme settings, change this value

Screenshot 2024-01-02 at 16.25.35.png
Screenshot 2024-01-02 at 16.25.35.png994×727 57.9 KB

4

Hi @kevinvi1

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

Aqua L Series for Sale - Leak Detection Equipment Australia 2024-01-02 17-51-24.png
Aqua L Series for Sale - Leak Detection Equipment Australia 2024-01-02 17-51-24.png1920×993 174 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly