Transparency in top menu

Is it possible to make this top menu transparent too?
see attached screenshot
And if yes, can someone give me code for override?

If you will make the menu transparent, content of the site will be visible through and the menu will be unreadable.

i would give only partly transparency by setting a layer.
Can you give me the code like you did for the icons in gk-shortmenu - then I expriment myself with it.
So if does not look nice you have no blame

You have been warned
Please edit: /templates/gk_steakhouse/css/override.css and add at its end:

Code: Select all

#gkHeaderNav {background-color: rgba(255,0,0,0.5);}


Where first 3 numbers are rgb intensity in 0-255 range and last one is opacity in 0-1 range.
Remember to enable "CSS override" in template settings - advanced section.

transparency-top.menu.jpg

partly I must agree with you as the transparency is very dependant on backgrounds.
for this test I used the wrong rgba color - just to see what it does.

At least I know an interesting alternative for this menu now - thanks for that.

You can play with the colour, perhaps red is not a good solution, but maybe something around:

Code: Select all

rgba(255,255,255,0.8)


might look better.