Thread:Hackey5/@comment-25407271-20151011162611/@comment-5645428-20151012104426

I'll warn you that my code is complex and correct displays can sometimes be a whole bunch of code weaved together from different sections. It took me a while to grasp the workings of parents and siblings, and in this case, you will probably need to watch out for my uses of !important which can hit far down the line.

It took a long time, but I pretty well reset Wikia's clunky code with a far more compact version of the navigation and incorporated the Contribute button. Ignore JavaScript add-ons as those don't apply for anyone else. And we have:

/* Navigation Bar + Styling */ .WikiHeader .WikiNav { width: 100%; top: 85px; } @media only screen and (min-width: 1024px) { .WikiHeader nav.WikiNav { width: calc(100% - 255px); top: 10px; left: 255px; } } .WikiHeader .navbackground { width: 100% !important; left: 0 !important; border-radius: 0 0 10px 10px; background: linear-gradient(to bottom, #029, #027); } .WikiHeader .navbackground div, .WikiHeader .navbackground img {display: none;} /* Navigation Bar Upper Tabs + Links + Selected + Hovers */ .WikiHeader .nav-item { margin: 0 !important; border: none; } .WikiHeader .nav-item > a { margin: 0 !important; padding: 0 15px !important; border-top: none !important; border-color: #CCC; line-height: 33px; } .WikiHeader .nav-item.marked { border-radius: 10px 10px 0 0; background: linear-gradient(to bottom, #03A, #029); } .WikiHeader .nav-item.marked > a:hover { text-decoration: none; color: #0AF; } /* Navigation Bar Ribbon List + Links + Hovers + Chevrons */ .WikiHeader .subnav-2 {left: 0 !important;} .WikiHeader .subnav-2 .subnav-2a { height: auto !important; margin: 0 !important; padding: 0 15px; border: none !important; line-height: 32px; color: #FFF !important; background: none !important; } .WikiHeader .subnav-2 .subnav-2a:hover { text-decoration: none !important; color: #0AF !important; } .WikiHeader .subnav-2 .marked2 .subnav-2a .chevron { border-top-color: #FFF !important; opacity: 0.8 !important; } /* Navigation Bar Ribbon Dropdown Menus + Items + Links + Hovers */ .WikiHeader .WikiNav .subnav-3 { top: 32px !important; margin-left: 7.5px; padding: 0; border: 2px solid #000; border-top: none; border-radius: 0 0 10px 10px; background: none; box-shadow: 0 0 5px #000; opacity: 0.9; } .WikiHeader .WikiNav .subnav-3 li { border-top: 1px solid #CCC !important; background-color: #027; } .WikiHeader .WikiNav .subnav-3 li:hover {background-color: #02A;} .WikiHeader .WikiNav .subnav-3 li:last-child {border-radius: 0 0 10px 10px;} .WikiHeader .WikiNav .subnav-3 li a { padding: 0 10px; line-height: 35px; color: #FFF !important; background: none !important; } /* Contribute Button Container + Button + Hover + Image/Chevron */ .WikiHeader .buttons { width: 300px; height: auto; top: 85px; } @media only screen and (min-width: 1024px) { .WikiHeader .buttons {top: 10px;} } .WikiHeader .buttons .contribute { height: auto; padding: 0 15px; border: none; border-radius: 10px 10px 0 0; line-height: 33px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #FFF; background: linear-gradient(to bottom, #03A, #029) !important; } .WikiHeader .buttons .contribute:hover {color: #0AF;} .WikiHeader .buttons .contribute img, .WikiHeader .buttons .contribute .drop {display: none;} /* Contribute Button Dropdown Menu + Items + Links + Hovers */ .WikiHeader .buttons .contribute ul { top: 65px; right: 7.5px; left: initial; border: 2px solid #000 !important; border-top: none !important; border-radius: 0 0 10px 10px; background: none !important; } .WikiHeader .buttons .contribute li { border-top: 1px solid #CCC !important; background-color: #027 !important; } .WikiHeader .buttons .contribute li:hover {background-color: #02A !important;} .WikiHeader .buttons .contribute li:first-child {border-radius: 0;} .WikiHeader .buttons .contribute li:last-child {border-radius: 0 0 10px 10px;} .WikiHeader .buttons .contribute li a { color: #FFF !important; background: none !important; }