Hello Maurice Molenaar

Please use this CSS to Template Options -> Custom Code -> Custom CSS

body.transparent-header #sp-header.header-sticky{
    background-color: blue !important;
}

Change the background color as you need.

Best regards

Sorry, I need the non-sticky / default menu to be transparent. It is not now.

Please share your access again to check.

Hi, I have the same issue of Maurice.

I am following the question. I am waiting to read here the suggested solution, because with the css code you suggested to Michele the transparent header stays with an unknown background color and the sticky menu gets transparent.

Thank you.

Hello Ofi,

I already send you credentials with my original post, but please find them again in hidden content.

Hi, I tried a local quickstart installation of Opus theme (opus_quickstart_j3_v2.0.0).

It seems to me that the transparent-header issue is in the new version of Opus theme, not only a issue of some user customization.

It is in the new quickstart package indeed. I have a new installation where this issue arose.

Thanks, guys. I have figured out the issue. Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-header {
    position: absolute !important;
}
#sp-header:before{
    opacity: 0 !important;
}

It should solve the issue.

Thanks! It solves the issue partly. The default menu now is transparent. That's good.

But, before, when I scrolled, I had a fixed menu with a dark blue background. The fixed menu now disappears when scrolling. You can see on my homepage.

I agree with Maurice: you have resolved the issue partly. When I scroll, the fixed menu disappears. There is no more sticky menu with a background color.

The issue is not only in the new quickstart package, but also in the new template alone.

I have added another line of CSS to Template Options -> Custom Code -> Custom CSS

#sp-header.header-sticky{
    position: fixed !important;
}

Now it looks okay. Please check your site.