Top menu transparent mode

Hi Movin,

I used the following CSS code you suggested to another user to make the top menu transparent when page is scrolled down.

nav#site-navigation {
border-bottom: 0;
background: transparent;

  1. How do i change font color when i scroll down and the menu becomes transparent?
  2. How do i make the hamburger menu show with background only when folded down, but keep transparent when folded up.


Hi @shakeel

Thank you for your question.

You have to develop custom code to achieve this.

Developing custom code for custom functionality is beyond the scope of support that we provide here.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer

Best Regards,

Hi Movin,

Same here as in my other reply. I would like to hire your professional services for creating this.

I will contact you on Upwork.