How to make header transparent on Studio Theme?

Store Design
,

Topic summary

A user wants to create a transparent header on their Shopify store using the Studio theme, similar to a reference website they provided.

Solution Provided:
A GemPages support team member offered step-by-step instructions:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Paste specific markup code before the </body> tag

Follow-up Questions:
The original poster asked twice about applying similar transparency to the footer, but these questions remain unanswered by the GemPages team.

Alternative Resource:
Another user shared a YouTube tutorial link for adding transparent headers in Studio theme, providing an additional reference.

The discussion remains open regarding the footer transparency question.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

I want my website to look like https://fkxv1.com/ but I’m currently working on how to make my header transparent. Any help? My website: https://gizmogods.com/collections/drop-1

2

Hello @AidenGrails

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste below code before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like
3

@GemPages Thanks! How about my footer too?

4

@GemPages Sorry to bother, what about my footer too?

5

You can add transparent header in your studio theme: