Formota header transparency mobile

[svenbox]

Hi, for the website tvatrad.se I want to make the background of the mobile header transparent. Right now it’s white. I’ve managed to change color to other color but transparent just doesn’t work as background-color. Tried all kinds of CSS but nothing works. Can you help?

[admin]

Hi,
Thanks for contacting us and choosing our product!
Currently Header Mobile position is not fixed and it will use background of body is white.
So you need to fixed it by go to Appearance -> Customize -> Additional CSS and add this code:
header.haru-mobile-header {
position: fixed;
width: 100%;
}
the code for Toogle:
.toggle-icon-wrap .toggle-icon:after, .toggle-icon-wrap .toggle-icon:before {
background: none repeat scroll 0 0 #fff;
}
.toggle-icon-wrap .toggle-icon > span {
background: none repeat scroll 0 0 #fff;
}
.toggle-icon-wrap .toggle-icon:after, .toggle-icon-wrap .toggle-icon:before {
background: none repeat scroll 0 0 #fff;
}
then you need to change Logo on Mobile in Theme Options -> Logo & Favicon.
If you want to use this for only Homepage you can add class home before CSS code above.
Hope this helps!

***
Regards,
HaruTheme

[svenbox]

Thank you, but the background is still white. Where do I change that?

[admin]

Hi,
Please read our reply carefully.
We don’t see you follow our answer, we have just do it and it’s fine now:
https://gyazo.com/7cb98dbbdc99b762a9cdd6f1f9e453bc

****
Regards,
HaruTheme

[Author]

Posts