How do I make a transparent header for password page Dawn theme?

Store Design
, ,
1

I was able to make the header transparent for the home page of my website. I want to be able to do the same with the password page as well (mobile and desktop). I want the image to be behind the transparent header. I can’t find this solve anywhere. Any help?

2

Hello @lonelyboy

Password page have not header

GemPages_0-1675737488452.png
GemPages_0-1675737488452.png1917×967 15.2 KB

Can you give me your page URL( with pass if your store password is enabled) so I can check it and maybe give you a solution?

Or you can try add custom code make the header transparent for hompage to below on file password.liquid

GemPages_2-1675737850495.png

Kind & Best regards,
GemPages Support Team

3

Website: lonelyboycollctns.com

Password: tortai

Hope you will see what I’m talking about.

4

Hello @lonelyboy

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

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1675762086020.png
GemPages_0-1675762086020.png400×193 29.2 KB

  1. Open your password.liquid file, paste the below code before

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

5

Thank you so much!! This worked perfectly.

6

Can you help. I found an issue with sizing when you go into the enter password section. Any way to make this transparent as well? Or size the black box correctly with the text? Issues with mobile and desktop.

7

You can add this transparent header in any page: