Menu opacity other pages???

Good day!

Sure; seems you are using more then one css term class to control this; one is for the homepage and the other one is for all other pages. So I would do this;

since you’ve already done the opacity to the .home class like so;

.home .site-header, .home .main-navigation ul ul a, .home #header-right ul ul a, .home .site-header .cart-content-details {
    background-color: rgba(255, 255, 255, 0.7);
}

the other css code that controls it for all other pages is this one;

.site-header, .main-navigation ul ul a, #header-right-menu ul ul a, .site-header .cart-content-details {
    background-color: rgb(255, 255, 255);
}

so that one you would also change to;

.site-header, .main-navigation ul ul a, #header-right-menu ul ul a, .site-header .cart-content-details {
    background-color: rgb(255, 255, 255, 0.7);
}

and all should work perfect. Let us know ??

Thanks for the swift reply CureWP!

I’m slightly web design challenged so I’m not exactly sure what those things mean! Is there a way you could explain it for my less trained self?

Thank you dearly CureWP!

Dr. Leckart

Sure,

You need to open your style.CSS file and locate the above lines I mentioned. When you find them. You just add the opacity to the background; 0.7 like in my example above.

Hope it makes sense