How can I fix the transparent header and change logo color on subpages in Craft theme?

Store Design
, , ,
1

Hey Everyone,

we are currently working on our website in Craft theme and struggle to get the Main Page Header transparent.

It worked by copying this code in our base.css provided by @LitExtension :

DAYTWO_0-1680430527364.png
DAYTWO_0-1680430527364.png1476×510 45.5 KB

However we now face the issue, that the transparent header is text-permeable. This makes the header of subpages, like for example “contact” merge with the transparent header.

DAYTWO_1-1680430659517.png
DAYTWO_1-1680430659517.png2054×470 27.6 KB

Furthermore we would like to change the Logo Color but only on subpages. So that the logo is white on the main page but changes to grey on subpages like “contact”, etc.

Is there any way to solve these two issues?

Here you find the link to the preview page: https://dy2.eu/?_ab=0&_fd=0&_sc=1 (password is retsip)

Thanks a lot in advance!

2

Hi @DAYTWO

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1680434313526.png
PageFlyVictor_0-1680434313526.png1600×794 164 KB

PageFlyVictor_1-1680434313525.png
PageFlyVictor_1-1680434313525.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

3

Hey Victor,

thanks for the quick Support.

unfortunately this only changes the color of the logo. The issues mentioned above remain.

is there any other option that might help?

Best, Day Two