I would like to know if it’s possible to adjust the transparency of my mega menu and sticky header. I can’t seem to edit this in my theme customiser. On my homepage, I have a video background and want the header on hover, mega menu and my sticky header to have a slightly transparent background, please.
URL: www.faraheadbowhunting.com
Password: stawyo
Theme: Symmetry ~ https://themes.shopify.com/themes/symmetry/styles/beatnik
your current header has transparent background and solid white on hover
Yes I know, I want to keep the completely transparent header as it is currently, but when you hover it is sold white. When you hover over shop the mega menu is also solid white. I would like the solid white to have a slight transparent background. Same with the sticky header, when you scroll its solid white. I would like it to be slightly transparent
Hi, I have added a new settings field in the header customizer. I have set it to 80% you can change it according to your choice.
Change your line of CSS with
.pageheader, .navigation .navigation__tier-2-container {background-color: rgba(255,255,255,0.9);}
Change 0.9 from 0.1 - 0.9 to increase/decrease transparency
Currently it is
.pageheader, .navigation .navigation__tier-2-container { background-color: #ffffff;}
