I have currently made the header transparent when viewing on a desktop by adding the following code to Quick CSS:
.fixed_header #main {
padding-top: 0;
}
.header_color .header_bg, #header_main {
background: transparent !important;
border: none;
}
.header_color div {
border: none;
}
This works great, but when viewed on a mobile device the header goes back to its default color and is no longer transparent.
Hi,
Can you post the link to your website please?
Regards,
Josue
Hey!
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.fixed_header #header {
position: fixed !important;
}
Best regards,
Devin
That works.
Thank You!