Transparent Header DISTRICT Theme

Topic summary

Goal: Make the header transparent over the home page hero image in the Shopify “District” theme so the image fills the entire screen. Previous code snippets that work for the “Dawn” theme did not work for District.

Recent steps: A developer asked for the store URL and password to review the issue. The store owner shared the URL (www.gravityshow.co.uk) and a password, but the developer reported the password as incorrect.

Assets: Attached images illustrate the current header and the desired full-bleed transparent-header look; these are central to understanding the request.

Status: No solution yet. Progress is blocked pending valid store access.

Next actions: Provide a correct password or alternative access (e.g., temporarily publish, create collaborator access) so someone can inspect the District theme and propose the appropriate CSS/Theme settings for a transparent header over the home page image.

Summarized with AI on December 16. AI used: gpt-5.

I’m looking to make my header transparent with my home page image so that the home page image takes up the whole screen. I’ve tried ALL the various code options for the ‘DAWN’ theme but NON of them work with the District Theme. Please can someone help?

Images attached of my store and what i’m trying to achieve.

Hello @GravityJord

Would you please share your Store URL website? with password if its unpublish. Thanks!

Hi

Sure

www.gravityshow.co.uk <>

Pass: GravityShow2025!

Hello @GravityJord , it shows incorrect password