Transparent Header on Toyo Theme?

Topic summary

Request to make the Toyo theme header transparent after setting the header color to “transparent” had no visible effect.

Store URL provided (fusionwave.dk) so a targeted solution could be suggested.

Proposed fix: add Custom CSS in Online Store > Themes > Customize > Theme settings > Custom CSS. Use a rule targeting the header container (e.g., .header-wrapper) to set background: transparent !important.

A screenshot was shared to illustrate where to insert the CSS.

No confirmation yet that the change worked; resolution pending.

Summarized with AI on December 16. AI used: gpt-5.

Hello,

Is it possible to have a transparent header on the Toyo theme? i have tried to remove the header color so it says transparent but nothing happens, any ideas?

Thank you.

Hi @Hartnum

Could you share your store URL so I can check and give you the code to do that?

Fusionwave.dk

thank you sir!

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

html .header-wrapper { background: transparent !important; }