Sticky Menu Header Scroll Colour

Hello.

I’m in the early stage of checking out airi as a way of setting up a fast interim solution while we move off our EOL host.
I’m not against a CSS solution but right now I am trying to problem solve entirely with Elementor. I believe this is an element that should be handled somewhere outside the custom CSS.

I have imported the business demo of Airi. Everything looks great so far, but I cannot find where to change the hexcode for the top menu bar once you have scrolled down. It is defaulting to the demos secondary #61a0ce.

First, where can I find the entry to change the #61a0ce call? Can it only be done with custom CSS?
Second, can we make a transparent sticky header with an Elementor element (or in Pro once upgraded)? This is an example.

Thanks

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .menuStyle3 .is-sticky .bottom-bar {
      background-color: #ddd;
    }

Regards,
Kharis

Thanks.
And the highlight entry from the Elementor or WP navigator instead of CSS?

edit - still #61a0ce
image