Hello friends. I have a minor formatting issue I can’t figure out.
I just finished building a mobile drop-down menu that I like. Semi-transparent background that blurs the content underneath. Looks nice, works great.
But here’s the problem.
The transparency of the menus is somehow currently tied to the header. While the menus are contained WITHIN the header, I don’t know why the opacity variable is being passed this way.
So as a result, in laptop/desktop configuration, instead of a nice black bar running across the width of the browser window, I have an 80% transparent black bar. If I change the variable to 100% opacity, I lose the transparency of my drop down menus on mobile.
Additional note: seems like the black background of the footer is affected as well.
Do any of you pros know how to resolve this issue?
Here is my site Read-Only: Webflow - RealVue - Advanced Imaging for Real Estate