How to change menu to transparent

Hi Support,

May i know how to change my menu into transparent on the slider? ex: https://prnt.sc/q8bu60

Thank you.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .main-header.header-has-no-bg.color-scheme-dark.act-scroll {
    background-color: transparent;
}
body .main-header.header-has-no-bg.act-scroll {
    background-color: transparent;
}

Best Regards

Hi Support,

Thanks for the detail, I have added the CSS but still not working on the page but it looks okay when it scrolls down. Can we make it transparent without scrolling down like the attachment screenshot(homepage-ss.jpg) and scroll down with background color?

Thank you so much.

Attachments:

You must be logged in to view attached files.

Hello,

Now the header is transparent. You need to enable the Header above content option in the Theme Settings > Header > Header Layout. https://prnt.sc/q9am4o I have done that and you can check.

Best Regards

Dear Elise,

Thanks for the info, it is working good now.

1. By the way, is it possible to put desktop menu into transparent only? and mobile will remain as before?

2. How do I upload the font files? I have tried to upload into upload folder but couldn’t find in the media on wordpress, and also tried to upload on Media but show error “Sorry, this file type is not permitted for security reasons.”

Thank you again.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .main-header.header-has-no-bg.color-scheme-dark.act-scroll {
    background-color: grey;
}
body .main-header.header-has-no-bg.act-scroll {
    background-color: grey;
}

Set the color as per your needs.

Best Regards

Dear Elise,

Thank you so much.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts