Semi-Transparent bar behind the menu

Hello,

First of all i would like to thank you guys for making such an awesome theme and making it free. Love your work.

Now, I would like to know how can i add a semi-transparent bar behind the menu to increase readability?
Since it sits on top of an image and has a parallax on it, sometimes its not very easy to read the navigation.

Thanks

Hello there,

I hope you are doing well today.

You can use the following CSS code to add a transparent color by going to Appearance > Customize > Additional CSS and pasting it there.


/*Transparent header nav bar*/
#header .top-header {
    background-color: rgba(180, 230, 0, 0.44);
}

Here is a link to the color picker used for the RGBA code:
http://www.hexcolortool.com/92516e#b4e600,0.44

Best Regards,
Support

Hello,

Thanks for this. this is awesome and works.
could you please tell me how to reduce opacity of this bar to make semi-transparent and not a solid colour?

Thanks for your support. You guys are awesome

Hello there,

I am glad the solution worked for you.

In order to edit the opacity, you would simply need to edit the last value in the rgba color string “rgba(180, 230, 0, 0.44)” which is 0.44. Reduce that number to reduce the opacity.

Best Regards,
Support

thank you so much for your quick support.

now i have another issue … lol

how do I decrease the header height? theres just extra space above the header/logo … how do i get rid of that?
you can see it in the attached image
thanks again

Hello there,

I hope you are doing well today.

Could you please provide a link to the website so that I can inspect the page to see why it is doing this?

Best Regards,
Support

Hello.

http://luminousstudio.com.au/

this is the link to my page.

Thanks

Hello there,

You can use the following CSS code to reduce the top padding:


/*Reduce top padding*/
#header .top-header {
    padding-top: 10px;
}

Best Regards,
Support

this is perfect. thanks so much for all your help and support

Hello there,

Thanks for keeping us updated on the results of the solution.

Best Regards,
Support