How to make header transparent on Studio Theme?

AidenGrails · ‎12-19-2022

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

GemPages · ‎12-19-2022

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 </body> :

<style>
   .header-wrapper{
      background: transparent;
      position: absolute;
      width: 100%;
   }
</style>

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

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

GemPages · ‎12-19-2022

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 </body> :

<style>
   .header-wrapper{
      background: transparent;
      position: absolute;
      width: 100%;
   }
</style>

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

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

AidenGrails · ‎12-19-2022

@GemPages Thanks! How about my footer too?

AidenGrails · ‎12-20-2022

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

MRamzan · ‎09-11-2024

You can add transparent header in your studio theme:

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112

Community Blog Articles