Forum:Wikia's new navbar

Forums: Index > Watercooler > Wikia's new navbar | Post

This is a forum page. Please remember to sign your posts using ~~~~. Be civil and polite to other users!

....is horrible, to say the least. The white bar is too distracting, and the way it follows you is annoying beyond belief. Not to mention the buttons are now clumsy and difficult to use.

Feedback on the new bar can be left at w:User_blog:Rupert_Giles/Global_Navigation_Update, but I'm not sure if Wikia will exactly listen, since the navbar has received mostly negative feedback from the community and Wikia still decided to push it forward.

One solution I can offer for this debacle is to copy and paste the following code into your personal wikia.css or global.css file (you must be logged in for this to work):

/** Global navigation bar funsies **/
.global-navigation {
    position: relative !important;
}
 
.search-select-overlay {
    color:#C8D2D7;
}
 
.global-navigation { 
    background-color: #002D55;
    background-image: -moz-linear-gradient(left center , #000B15 0px, #002D55 50%, #000B15 100%);
}
 
.global-navigation {
    border: none;
}
 
.global-navigation * {
    border: none;
}
 
.global-navigation .page-width {
    border: none;
}
 
.global-navigation img.avatar {
    border-radius: 0 !important;
}
 
.search-form-wrapper .table-cell {
    color:00b7e0;
}
 
.AccountNavigation > li .avatar-container {
    border-radius:0%;
}
 
.wikia-logo img {
    background-image: url(http://i.imgur.com/keGMFzh.png);
}

The navbar will turn from a harsh, glaring, distracting white to a much more tolerable blue, and the bar no longer follows you when you scroll. However, it messes up the search bar, where search bar suggestions that pop up as you type are virtually unreadable.Fixed. --I am k6ka ^{Talk to me!} _{See what I have done} 21:16, December 3, 2014 (UTC) --I am k6ka ^{Talk to me!} _{See what I have done} 15:16, December 3, 2014 (UTC)

You might also consider adding

.search-form-wrapper .search-label-bold {
    color: #aaaaaa;
}

.search-select-wrapper .search-select-overlay .chevron, .hubs-entry-point:after {
    border-color: #c8d2d7 #002b15 #002b15;
}

to add more contrast to the "Search" word and to the little dropdown arrows on white background. — Sovq 14:44, December 4, 2014 (UTC)

Best solution (so far)

The best solution to this is to install this JS script in your global.js file at Community Central. The navbar now conforms to the wiki's theme color and no longer follows you as you scroll. This, I believe, is the direction Wikia needed to go in, and it makes no sense that Wikia didn't create this script, but a VSTF member. Wow Wikia. But the navbar is finally fixed.

(oh btw, if you have the CSS code above that I posted, you should remove that before installing this) --I am k6ka ^{Talk to me!} _{See what I have done} 21:49, January 6, 2015 (UTC)