Reply To: completely transparent menu

Home Forums Support completely transparent menu Reply To: completely transparent menu

Home Forums Support completely transparent menu Reply To: completely transparent menu

#231966
dasigna

once more got by with a little help from …

if there werent any ocean between us, it would be the time for having some coffee together!
as sometimes its hard to figure out things while being much more a designer than a coder, those little hints are very appreciated. thanks to tom.

in fact those selectors had been choosen before, but it was a little more complicated to do… but finally i got it!

if anyone is interested, heres the transparent-menu-css for the single page (added some highlighting though):

/* DONT SHOW MAIN NAV */
.main-navigation {
     display: none;
     }

/* OVERRIDE STICKY NAV BG */
.main-navigation.navigation-clone.navigation-stick {
     background-color: transparent;
     }

/* SET NAV TEXT TO WHITE WITH SHADOW AND ELIMINATE ALL ACTIVE AND HOVER BG COLORS */
.main-navigation .main-nav ul li a, .menu-toggle {
     color: #fff !important;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
     background-color: transparent !important;
     }

/* OVERRIDE SUB-MENU BG and BOX-SHADOW */
.main-navigation ul ul {
     background-color: transparent;
     box-shadow: none;
     }

/* NAV BG COLOR ON HOVER*/
.main-navigation .main-nav ul li a:hover {
     background-color: rgba(0,0,0,0.2) !important;
     }

as from time to time its some challenge to realize things with GP that those popular ‘big’ themes offer right out of the box its worth the effort (who still wants those code-boated lame ducks? … ๐Ÿ™‚ )
thanks to GP and tom.
if theres a case i can help you out with design, let me know! ๐Ÿ™‚

thanks again.