Image background in alternate hamburger menu
-
Hi.
How to display the site image background in the alternate hamburger menu (as opposed to site background colour)?
Great theme.
Thanks,
Ceol-
This topic was modified 9 months, 2 weeks ago by
ceol.
-
This topic was modified 9 months, 2 weeks ago by
-
Hello,
you can try the following code (insert in Appearance / Customize / Additional CSS):
.site-nav.active { opacity: 0.9; }
With the value (in the example 0.9) the opacity can be adjusted → the image background shines through the menu. With increasing opacity of the background (for example, 0.7), the font becomes increasingly paler. With the code:
body a { color: #000; }
… the font color in the main menu (left) can be made darker (in the example black #000 – more is not possible).
The opacity of the font in the second menu (right) can be adjusted with the following code (in the example the value 0.5):
.site-nav ul + ul a { color: rgba( 0, 0, 0, 0.5 ); }
-
This reply was modified 9 months, 1 week ago by
martineller.
-
This reply was modified 9 months, 1 week ago by
martineller.
-
This reply was modified 9 months, 1 week ago by
martineller.
-
This reply was modified 9 months, 1 week ago by
Jan Dembowski.
Side note to martineller Thanks for the great support but please lose the signature. That’s prohibited in these forums as it’s been horribly abused in the past by others.
Yes, bad people ruin it for others. Please refrain from that.
Thank you for your explanation. I did not know that kind regards, followed by the clear name are forbidden … that seems strange to me. Excuse me, please.
Brilliant. Great solution thanks very much!
Resolved thanks
-
This reply was modified 9 months, 1 week ago by
- You must be logged in to reply to this topic.