Transparent Header Only Works on Default Sections, Not Custom Liquid Blocks

Shopify Discussion
1

Hi everyone,

I noticed that in the Atelier theme, the transparent header only appears when a default Shopify section is at the top of the page (like a Hero, Slideshow, or Image Banner).

When I try to use a Custom Liquid block or a custom section generated via AI/Sidekick, the header no longer overlays the content it just shows a solid white background.

How can i fix this. Thank you in advance.

3

It’s not that the header isn’t being transparent, it is. It’s because the first section after has an offset value, and it just happens that the theme sets the offset value of the hero image to 0. See below:

Screenshot 2026-01-31 182258
Screenshot 2026-01-31 182258944Ă—836 123 KB

So you just need to mimic this in the section’s custom css by pasting this code:

.spacing-style {
  --transparent-header-offset-boolean: 0;
}
4

Hi, Thank you this worked!