opaque navigation except .logo

Shapely
1

after some fiddling, i temporarily gave up on setting the navigation header to 0.5 opacity (nav), but this always makes .logo opaque as well.
Regardless in which menu/nav*-tag i insert the opacity, i never get a transparent header and a fully visible logo (.logo) at the same time.
Could you please give me a hint how to achieve that?
Niko

2

as expected, “z-index:9999;” or moving the “opacity”-directive to any other navigation tag doesn’t have an effect.
I’m afraid it is not possible at all, can you confirm that?
Niko

3

Hi Niko,

Thank you for your another question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

nav#site-navigation {
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
}

Best Regards,
Movin

4

One thing i had problems with is to identify the item, beside i missed to use the correct syntax for background.
This is exactly what i wanted.
Thank you very much!

5

You are most welcome here :slight_smile: