Transparent header on mobile version turns white

Hi there,

Hoping I can get some advice. I don’t have much experience in CSS but would love some guidance if possible

Working on the Heat template (v 1.2.20), I’ve chosen a transparent header. Now, when I am on the desktop version the header scrolls down fine and is transparent the whole way but when I switch to mobile version, and scroll down, it turns completely white for some reason.

Is there a way to change the CSS? Is there an error in the code?

I also have no idea how to change it. Help!

Thanks in advance!

Hi @format.studio,

Could you please share your store url?

Thanks!

Hi there,

I haven’t purchased the template yet but I am able to customise it so it’s technically not live yet.

Store url is www.format-studio.com

Not sure if you’ll be able to see the layout as it’s not live.

Cheers
Ahmad

Hi @format.studio

Also, for some reason, when I enter my password, it doesn’t work?

My usual login is via Google/Gmail but when I enter the password for that, it won’t work:

Now needs password for us to view the storefront.

Please advise.

Thanks!

Hi @format.studio,

Please send me the password, I will check it :blush: