Logo shown on scroll but menu is hidden

Hi there,
I used these lines to have my header transparent in normal mode:

    .menuStyle1 .site .sticky-wrapper .site-header {
      background-color: #ffffff00 !important;
    }

and these on scrolling mode:

    .menuStyle1 .site .sticky-wrapper.is-sticky #masthead.site-header {
      background-color: #FFFFFF !important;
    }

The issue is that while the logo appears when scrolling (reduced but it
works for me), the menu disappears or is brought backward (I cannot understand which of the two happens).
I also post image in scrolling mode just to understand what I mean. I suppose the solution is very easy but I just can’t find it. The menu should appear on the right.

Hi,

Thank you for reaching out to us. I am happy to help with your queries.

We need direct inspection to find out which code that works best as per your current site setup.

Can we request you to share a link to your website needing help with here?

Regards,
Kharis
aThemes Support

Hi again,

thanks for the quick response.
Here you are: https://fmnetworks.gr/

Hello,

Thanks for the link!

Please try adding the given custom CSS code below at Appearance > Customize > Additional CSS:

.menuStyle1 .main-navigation a, .menuStyle1 .fa-search, .menuStyle1 ul.header-search-cart li a {
        color: #0e4370 !important;
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Yes, it worked!

It wasn’t as easy as I thought… Thanks a lot!

Hello,

You are welcome!

If you are satisfied with our theme and support, would be great if you leave your comment and rating in the offical WordPress Themes repository. That helps us a lot: [Airi] Reviews | WordPress.org

Let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support