Make mobile header and menu transparent

Hi,
I’d like to retain the mobile menu on mobile devices but would like to keep it transparent as it is on desktops.
Can you please tell me how.
Thanks

Hello, can you please provide a link to your website in order to let me check it?

You can use some link shortener if you don’t want to leave the link to your site in this topic.

Kind Regards, Roman.
aThemes Support

http://77.68.5.112/

Thanks

Hello, try to use a higher image and the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#masthead {
    position: fixed !important;
}

#masthead:not(.float-header) {
    background-color:transparent;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Hi Roman,

I tried this. It is transparent as required but, the logo now overlays to low on the slider as per the attached screenshots for mobile and tablet.

Can I keep it at the top of the image as it is on the desktop version?

Hello,

It is transparent as required but, the logo now overlays to low on the slider as per the attached screenshots for mobile and tablet.

That CSS code will not work properly with a narrow image. Did you try to use a higher image like I suggested in my reply above?

By the way, you can also select the Full screen option at the bottom of the Customize → Header area → Header Slider section.

Let me know if you need more help.

Kind Regards, Roman.
aThemes Support