FANDOM


  • In this week’s releases, you will see some updates to the FANDOM global navigation bar that appears at the top of every page. These updates bring wiki and Discussions desktop and mobile pages into alignment with the general navigation style that’s been present on FANDOM editorial pages for some time. However, this is a brand new design coming to all types of pages and a big next step in the Modernization work we’ve been doing since last year.

    Desktop version

    GlobalNav2018desktop

    The global navigation update on desktop pages

    Wiki pages and Discussions pages will see the following changes:

    • The top navigation bar is responsive, meaning it will adapt to different window sizes.
    • The links in the top navigation bar (Games, Movies, TV, and Wikis) are localized for top languages, so there will be an easy way to discover communities in these languages.
    • The theme of the global navigation is darker.
    • The navigation bar remains visible at all times, for all users. This makes search, notifications, and the user menu easily accessible.

    Please note: For Discussions pages, only the post list and post detail pages will be updated this week. The rest of Discussions pages will be updated in a future release, likely next week.

    Mobile version

    Additionally, the top and local navigation bars on mobile pages have been designed for maximum functionality with minimum space. Local navigation will be moved from inside the menu button of the top navigation bar to a more prominent location. When the user scrolls down, the global navigation and local navigation areas combine, leaving focus on the community name and the search button.

    A few months ago we talked about how we were focusing on modernizing the code and performance of the mobile site. The new mobile navigation design represents an early change to the look of mobile web and the next stage of Mobile Modernization, with more design improvements to follow throughout the rest of the year.

    These changes are important because they bring consistency across devices and for all types of pages on FANDOM. Users will have an easier time moving around the site and navigating between various communities and types of content. These changes also provide a secondary benefit in having more code shared between all products, making it easier to add improvements in the future.

      Loading editor
    • Native dark theme global nav, more prominent mobile navigation, it looks good; I am liking this release!

      Will some of the already queued/reported mobile bugs like <tabber> galleries in infoboxes failing in Mercury, notification symbol overlap in Safari mobile browser when on a Discussions page, et cetera be getting attention while this is being released?

        Loading editor
    • Ooooh nice layout! I like it a lot!

        Loading editor
    • Ursuul wrote:
      Will some of the already queued/reported mobile bugs like <tabber> galleries in infoboxes failing in Mercury, notification symbol overlap in Safari mobile browser when on a Discussions page, et cetera be getting attention while this is being released?

      Beyond removing the "breadcrumb" link above the article title, there are no changes happening to anything beyond navigation, with this release. But we'll continue making improvements to the mobile layout.

      I am happy to report that by virtue of the redesigned notifications entry point, the overlapping count/badge bug in Safari is resolved.

        Loading editor
    • Will the global nav dropdown(s) be dark themed too, or will they stay light themed?

        Loading editor
    • They will remain light themed.

      GlobaNav2018-menu
        Loading editor
    • GiveMeCovfefe
      GiveMeCovfefe removed this reply because:
      14:39, July 10, 2018
      This reply has been removed
    • So you can't collapse them by scrolling down? :(

        Loading editor
    • Grudgeholderr wrote: So you can't collapse them by scrolling down? :(

      Yes. Headroom.js code used by the current Global Nav will also be gone.

        Loading editor
    • HM100 wrote: Yes. Headroom.js code used by the current Global Nav will also be gone.

      Is there any simple personal JS to fix that?

        Loading editor
    • Grudgeholderr wrote:

      HM100 wrote: Yes. Headroom.js code used by the current Global Nav will also be gone.

      Is there any simple personal JS to fix that?

      No as all the code related to headroom.js will be wiped out

        Loading editor
    • This is a really great update to see!

        Loading editor
    • :) I like this update! Looking forward to the new mobile nav in particular, was a shame when local navigation got buried (although it seems like the desktop nav color has yet to make it).

        Loading editor
    • It looks tacky.

        Loading editor
    • Found that update broke icons in the new module's headings for all but the ones done via ConsistentModules of DevWiki script.

        Loading editor
    • This new look has been appared at ~13h30 (Paris hour) in my desktop. FANDOM powered by wikia become FANDOM.

      "powered by wikia" is disappared.

        Loading editor
    • This looks very distracting, and the fact that you can't scroll past it is not great for navigating on desktop. Is there a way to disable this for a wiki?

        Loading editor
    • Anyone who can help me in fixing my header.css to restore the previous navigation style would be appreciated. I haven't done much with css in a long time, so no idea what edits need to be made to restore the older (and cleaner) navigation.

        Loading editor
    • Sorry, but it looks really ugly to me. The blue doesn't fit well with the white background at all, and the huge size of the words is just distracting. If possible, can you change it back, or at least let people have a way to change it back if they wish.

        Loading editor
    • GiveMeCovfefe wrote:
      When may I opt in?

      All users will see these changes as they are released.

        Loading editor
    • HM100 wrote:
      Found that update broke icons in the new module's headings for all but the ones done via ConsistentModules of DevWiki script.

      Thank you for this report!

        Loading editor
    • Wow! This is great update. It reminds me the classics of Wikia. I was visited Mixels wiki and Roblox Wiki, since I was a kid. I was always visiting the Roblox History from Roblox Wiki. It will matches the main FANDOM page. Sadly, Powered By Wikia was removed, but I think this update was really great. The problem of that was very distracting, and they tried to fixing the JS and CSS. Also, the local navigation is dead.

      Rest in peace Powered By Wikia, and Local Navigation. You will be missed.

        Loading editor
    • BertH wrote:

      HM100 wrote:
      Found that update broke icons in the new module's headings for all but the ones done via ConsistentModules of DevWiki script.

      Thank you for this report!

      Also, page header button theming is partially broken when hovering on buttons

        Loading editor
    • Ir'revrykal wrote:
      This looks very distracting, and the fact that you can't scroll past it is not great for navigating on desktop. Is there a way to disable this for a wiki?

      Lily8763cp wrote:
      Sorry, but it looks really ugly to me. The blue doesn't fit well with the white background at all, and the huge size of the words is just distracting. If possible, can you change it back, or at least let people have a way to change it back if they wish.

      These changes are global and affect all users and all communities. There is not a way to opt out or change back.

        Loading editor
    • BertH wrote: These changes are global and affect all users and all communities. There is not a way to opt out or change back.

      Very disappointing.

        Loading editor
    • Ir'revrykal wrote: Very disappointing.

      You really shouldn't be surprised, these changes have almost always been designed to not be opt-out. If you want to revert it, you are gonna have to wait for someone to make personal CSS changes that you can use on your global.css page. I am similarly waiting for CSS fixes because I hate the new design.

        Loading editor
    • Same as me.

        Loading editor
    • I also do not like the new way of styling avatars otherwise its okay this change.

        Loading editor
    • I would change the color of the topbar because on every wiki it's different and some fit but others don't. I don't find it annoying on the Kim Possible wiki but on my Justin Bieber wiki it doesn't fit.

      So could you change it to a lighter color that fits on every page?

        Loading editor
    • The navigation bar color does not work on all wiki. When the design is clear and/or light, it is waaaaaaay too distracting.

      I just don't get why you can't give the option to choose between white or dark. That's not that complicated to do.

        Loading editor
    • Lady Junky wrote: The navigation bar color does not work on all wiki. When the design is clear and/or light, it is waaaaaaay too distracting.

      I just don't get why you can't give the option to choose between white or dark. That's not that complicated to do.

      Because it belongs to FANDOM and not to an individual wiki

        Loading editor
    • Well it makes perfect sense to me why they would make a dark green/blue and red banner that goes great with any wiki. Especially since it's such a neutral design. I'm sure it doesn't distract at all from the majority light-themed wikis. Also I love how you have to click out of the wiki you're on to see anything on FANDOM. Really attracts site visitors to FANDOM that way. I also love the way it's been "localized" for languages but still shows up in English for all of Europe.

      Stellar improvements.

      Note: Sarcasm.

        Loading editor
    • Nothing on the navigation bar is showing up for me, aside from the link to Fandom, it's completely blank.

        Loading editor
    • This has to be the zillionth change to the navbar in the course of a few years.

      The current navbar is designed to look the same on all wikis, which is problematic as not all wikis look the same. You can't be saying that the current state of the navbar is a "one-size-fits-all" design because it isn't. On a wiki with lighter themes or themes other than the shade of blue the navbar uses, the navbar sticks out like an eyesore. The navbar should adapt to the theme of the wiki; why not make it, to an extent, customizable in Special:ThemeDesigner, or at least match the colours set in there?

      Secondly, the ability to hide the navbar by scrolling down is what made me happy in the first place. I could simply hide what I didn't need to use right now as I focused on reading the text. Even in previous navbars, the navbar would at least fade and become translucent when I scrolled down, so it responded to my scrolling. Why remove a feature that was so useful to again permanently fix this navbar on my screen that never goes away?

      You need to stop forgetting advice people gave you in the past and repeating the same mistakes. You also need to cut it out with this "no opt-outs" scheme and give people the choice to use your new changes or stay with the old for even just a little while longer. Instead of just suddenly migrating everyone to the new, have it available as an opt-in beta feature and collect feedback then rather than releasing it as final right away, with no method of reverting, and then waiting for feedback.

        Loading editor
    • HM100 wrote:

      Lady Junky wrote: The navigation bar color does not work on all wiki. When the design is clear and/or light, it is waaaaaaay too distracting.

      I just don't get why you can't give the option to choose between white or dark. That's not that complicated to do.

      Because it belongs to FANDOM and not to an individual wiki

      So what?

      It could still belong to them, even if the color is different. They could still simply give the choice and please everyone.

        Loading editor
    • Lady Junky wrote:

      HM100 wrote:

      Lady Junky wrote: The navigation bar color does not work on all wiki. When the design is clear and/or light, it is waaaaaaay too distracting.

      I just don't get why you can't give the option to choose between white or dark. That's not that complicated to do.

      Because it belongs to FANDOM and not to an individual wiki

      So what?

      It could still belong to them, even if the color is different. They could still simply give the choice and please everyone.

      Nothing else will happen. Unfortunately, you have to stick with that ones now or use Personal CSS to change the global nav just for you

        Loading editor
    • You keep changing the global nagivation but when are you going to change the footer? it's been like this since years.

        Loading editor
    • I mean, I can get behind the general design, it's not bad...but the font choice makes it look a bit tacky and the colors are absolutely horrid. The black/teal/red is so vibrant that it sticks out way too much on just about every wiki I've visited, including here.

      Really I don't know why the navbar's been changed so much, with each design being worse than the last. I feel the one where it turned transparent gray when you scrolled down and was white at the top of the page was the best.

        Loading editor
    • OPelle wrote:
      You keep changing the global nagivation but when are you going to change the footer? it's been like this since years.

      don't say this, the footer is good, I don't want them to destroy the design like that too.

        Loading editor
    • Main problem so far is the fact there is no light option.

        Loading editor
    • Guess I'm the only one with this problem.

        Loading editor
    • Syeerol
      Syeerol removed this reply because:
      b
      14:40, July 10, 2018
      This reply has been removed
    • Syeerol wrote: I really hate this new sitebar. Please reverted it back.

      They won't do that. You have to use Personal CSS for that.

        Loading editor
    • Syeerol
      Syeerol removed this reply because:
      d
      14:46, July 10, 2018
      This reply has been removed
    • HM100 wrote:

      Syeerol wrote: I really hate this new sitebar. Please reverted it back.

      They won't do that. You have to use Personal CSS for that.

      Okay, and where's the Personal CSS?

        Loading editor
    • I'm not really liking that blue-green color, but at least it's darker shade.

        Loading editor
    • There should be an option to change the color of the bar for lighter-themed wikis. Or at least have two options, "light" and "dark"

        Loading editor
    • The new bar is a huge eyesore on light-themed wikis. A simple switch depending on the color would be nice.

        Loading editor
    • Myself 123 wrote:
      Nothing on the navigation bar is showing up for me, aside from the link to Fandom, it's completely blank.

      It sounds like you might be viewing the desktop skin on a mobile browser. We're aware of that issue that's occurring right now.

        Loading editor
    • Is the the extremely large recent wiki activity icon intentional? It's appearing on all wikis as far as I can tell and the size of it seems quite silly.
      Screenshot 2018-07-10 Community Highlights
        Loading editor
    • A lot of wikis have a design that doesn't fit with this bar, it's really annoying that it can't scroll down, and the tiny red triangles just don't fit with anything. From a design and usability perspective, the old navbar was much better.

        Loading editor
    • Forge the Hybrid wrote:

      Is the the extremely large recent wiki activity icon intentional? It's appearing on all wikis as far as I can tell and the size of it seems quite silly.
      Screenshot 2018-07-10 Community Highlights

      It has been reported already by me. I tried fixing it with CSS but failed

        Loading editor
    • Just so you know, the font is Rubik.

        Loading editor
    • HM100 wrote:

      It has been reported already by me. I tried fixing it with CSS but failed

      Glad to hear it's already been reported, although it's a shame we can't change the size via css. I was hoping that if the change was intentional I'd be able to shrink it myself. I'm guessing it's possible to fix it with some JS, but that seems like a little more effort than it's worth since it's already been reported as a bug.

        Loading editor
    • BertH wrote:

      Myself 123 wrote:
      Nothing on the navigation bar is showing up for me, aside from the link to Fandom, it's completely blank.

      It sounds like you might be viewing the desktop skin on a mobile browser. We're aware of that issue that's occurring right now.

      I am. Thanks for your reply.

        Loading editor
    • Forge the Hybrid wrote:
      Is the the extremely large recent wiki activity icon intentional? It's appearing on all wikis as far as I can tell and the size of it seems quite silly.
      WActivity

      Wiki Activity.

      Not all wikis...I haven't seen it anywhere so far. Here's what the rail looks like on the main wiki I admin.

      (I'd say the screenshot also demonstrates how the global nav coloring can unflatteringly clash with a wiki's theme. The white scheme was more universally compatible, I think. Even on dark themed wikis, I should think... Although, it was easier when the global nav wasn't permanently fixed to the top of the screen.)

        Loading editor
    • Catworld wrote: A lot of wikis have a design that doesn't fit with this bar...

      Fandom Navigation Theme Alts

      Totally agree, this color scheme just clashes with some wikis. It would be fine if the navigation still hid itself on scrolling, but since it doesn't a little customization could go a long way. Even just a light and dark alternative would be nice, and could be toggled in the theme designer to best fit each wiki. Here's a quick example with just a few colors toggled, of light, dark, and the current themes (a dark theme would be a better fit).

        Loading editor
    • Yeah, not a fan of a couple things, but particularly the color scheme itself. One wiki I admin on uses a blue theme and even then you can easily see this new bar clashes badly with our colors as they're in two different families of blue. If we can't do site-wide customization of it, I'd at least like to see a more neutral color themes available to choose from.

      Also why is the font so freaking big? I get it, you're trying to make it stand out, but it's almost to the point I can't even concentrate on the actual article pages.

        Loading editor
    • It takes me too many taps to search now, when I used to only need to tap once.

        Loading editor
    • It way too dark for my taste and just see it is to disturbing I kinda want the old navigation back

      I think it should more light hearted design

        Loading editor
    • CreationBeTheWorld23 wrote: It takes me too many taps to search now, when I used to only need to tap once.

      Are you sure you need to tap multiple times? I still only need to click once, since after you click the search icon or the word "Search" the typing bar is automatically focused so you can start typing immediately.

      I don't use Wikia on any device with a touch screen so maybe I'm wrong, but it looks to be just as fast as before.

      My biggest gripe with the change is the size of the bar now. Since you can't scroll down and make it auto collapse, it takes up a lot more room. But the navbar still has the id of globalNavigation so it's probably possible to write a JS script that will collapse it for you.

      Edit: while not quite what I was looking for, someone has written some CSS and put it on the dev wiki that shrinks the navbar from 55px down to 32px. link for those interested.

        Loading editor
    • BertH wrote:

      Ir'revrykal wrote:
      This looks very distracting, and the fact that you can't scroll past it is not great for navigating on desktop. Is there a way to disable this for a wiki?

      Lily8763cp wrote:
      Sorry, but it looks really ugly to me. The blue doesn't fit well with the white background at all, and the huge size of the words is just distracting. If possible, can you change it back, or at least let people have a way to change it back if they wish.

      These changes are global and affect all users and all communities. There is not a way to opt out or change back.

      What a surprise. Wikia staff forcing things on users without any freaking option of changing it. Want an example? How about them forcing videos on wikis without anyone's permission? I know they don't need our permission, but in my experience, asking a community what they think before adding something is a better way to go.
        Loading editor
    • CreationBeTheWorld23 wrote:
      It takes me too many taps to search now, when I used to only need to tap once.

      As Forge the Hybrid mentioned, it should still just be one click/tap and you can start typing. If you're finding it's more steps for you, please use Special:Contact to write in and give us more details, we may have some questions.

        Loading editor
    • I really can't say that I like it. It doesn't fit into our wiki at all and that it doesn't collapse makes it even worse.

        Loading editor
    • KailynnKat wrote: I really can't say that I like it. It doesn't fit into our wiki at all and that it doesn't collapse makes it even worse.

      Same.

        Loading editor
    • This used to break my FANDOM heavily due to my personal JS and CSS (until I fixed it). =P

      Nonetheless, I love this design; it looks awesome. I also believe you did a great job on the new page header buttons.

        Loading editor
    • Has the activity icon from the Recent Activity Module gone?

        Loading editor
    • I love this new theme. 

        Loading editor
    • Is this intentional? When managing to find the desktop version on phone, the sitebar seems empty so I cant check my notifs

      IMG 0445

        Loading editor
    • Known issue; and it also happens when on a PC and your browser is very small. Try orienting your device sideways so there's more screen space (assuming it isn't already sideways)

      BertH wrote:

      Myself 123 wrote:
      Nothing on the navigation bar is showing up for me, aside from the link to Fandom, it's completely blank.

      It sounds like you might be viewing the desktop skin on a mobile browser. We're aware of that issue that's occurring right now.

        Loading editor
    • Has anyone successfully managed to update the navigation bar with new CSS (personal CSS that is)? I've been seeing loads of global.css but none that seem to completely restore the old navbar style. I'm too rusty with CSS now to be able to do it properly myself. :(

        Loading editor
    • Can someone link the class change diffs?

      Personally I don't like it. I think the main reason some people like it is because they have a dark wiki so having a dark nav helps it blend. Otherwise I see the change pointless, other than from a consistency perspective (losing track on the number of times the nav keeps drastically changing). It would seem that Fandom, uh FANDOM, doesn't know what their brand is.

        Loading editor
    • The bar is incredibly distracting, especially on wikis with lighter themes.  It would be slightly better if it hid while you were scrolling so that it didn't take away from the content when you were trying to read, but it doesn't.  It also clashes horribly with almost all of the wikis I'm on.

        Loading editor
    • DEmersonJMFM wrote: Can someone link the class change diffs?

      Personally I don't like it. I think the main reason some people like it is because they have a dark wiki so having a dark nav helps it blend. Otherwise I see the change pointless, other than from a consistency perspective (losing track on the number of times the nav keeps drastically changing). It would seem that Fandom, uh FANDOM, doesn't know what their brand is.

      What's worse. They dropped all Headroom.js data, preventing us from making the nav different while scrolling and also made the avatar styling harder. I like the former but not the latter.

        Loading editor
    • After some searchin', they did a lot of droppin' and rewritin'.

      global-navigation.scss & global-navigation-search.scss

        Loading editor
    • CreationBeTheWorld23 wrote: Just so you know, the font is Rubik.

      Wikia staff, could you confirm this?

        Loading editor
    • CreationBeTheWorld23 wrote:

      Wikia staff, could you confirm this?

      It is Rubik. Google Fonts page for Rubik, the Github page where they import it and a screenshot
      Screenshot 2018-07-10 Capture PNG (PNG Image, 1064 × 781 pixels)
        Loading editor
    • Where is the Navigation Bar when I click on Full Site?

        Loading editor
    • This new update also put a weird bug onto the community pages of all the wikis.

        Loading editor
    • DEmersonJMFM wrote: After some searchin', they did a lot of droppin' and rewritin'.

      global-navigation.scss & global-navigation-search.scss

      I hope it can be possible to reimport the old CSS and run with that, 'cause the old navbar was so much better (despite the complaints when it was introduced that it was bad lol)

        Loading editor
    • Is there any way to reduce the font of the new Navbar?

      its makes it more difficult to click on links on other wikias without accidentally clicking on it instead because it takes up much more space then before.

      I don't have the problem on every wikia, but some of them I do since when i scroll I expect it to disappear and click it on by mistake when I try to click on something else.

        Loading editor
    • eeYPositive Elixir Trade wrote:
      This new update also put a weird bug onto the community pages of all the wikis.
      Comm bug
      Yep. Example from a wiki I admin to the right. 

      I've reported it to Special:Contact/bug; I suggest doing the same.

        Loading editor
    • SageM wrote: Is there any way to reduce the font of the new Navbar?

      its makes it more difficult to click on links on other wikias without accidentally clicking on it instead because it takes up much more space then before.

      I don't have the problem on every wikia, but some of them I do since when i scroll I expect it to disappear and click it on by mistake when I try to click on something else.

      Try
      .wds-global-navigation__links {
          font-size: 14px;
      }

      switching out 14px for your preferred font-size. Note that this doesn't shrink the navbar itself, it just makes the Games/Movies/TV/Video/Wikis text smaller. If your goal was to make the entire thing smaller, take a look at this CSS Script. The 2017GlobalNav CSS Script might also be of interest.

        Loading editor
    • In my opinion, the new modern elements look really nice but instead of updating the header and the main buttons only, the team should work on standardizing the aesthetic on all Wiki elements such as the WikiaBar or the Profile Masthead. Currently, the site as a whole looks incomplete with bits and pieces of different styles thrown everywhere. If there was a consistent, minimal design across all elements, then only would the changes enhance the website. But until then, they don't stand a chance.

        Loading editor
    • I don't see any of my notifications on the new nav bar. I am on full site and all I see on that bar is Fandom link.

        Loading editor
    • Nobellion wrote: In my opinion, the new modern elements look really nice but instead of updating the header and the main buttons only, the team should work on standardizing the aesthetic on all Wiki elements such as the WikiaBar or the Profile Masthead. Currently, the site as a whole looks incomplete with bits and pieces of different styles thrown everywhere. If there was a consistent, minimal design across all elements, then only would the changes enhance the website. But until then, they don't stand a chance.

      You're welcome.

        Loading editor
    • It would have been nice to put this on a test wiki at least a few days before the full roll out so people could fix up their CSS and JS that depends on the setup of the UI.

      I'm sort of meh about it otherwise.

        Loading editor
    • I don't mind the "modernized" look of the new nav bar. But the search bar does not display in certain resolutions. For example, on my tablet, it does not show any notifications and only displays Fandom on the top left.

        Loading editor
    • Can we please get a toggle on this? I absolutely HATE having a tiny search bar target. Can it least automatically expand to fill the available space? Otherwise you end up with a huge gap like this:

      2018-07-10 12-15-30

      Edit: Found a fix with to be placed in global.css

         .wds-global-navigation__search-toggle {
             width: 100%;
             border-bottom: solid 1px rgba(255, 255, 255, 0.5);
             padding-bottom: 5px;
             margin-left: 15px;
         }
      
         .wds-search-is-active .wds-global-navigation__search-toggle {
             width: initial;
             border-bottom: none;
             padding-bottom: initial;
             margin-left: initial;
         }
      
        Loading editor
    • SahaTo wrote: I don't mind the "modernized" look of the new nav bar. But the search bar does not display in certain resolutions. For example, on my tablet, it does not show any notifications and only displays Fandom on the top left.

      I've been also experiencing that problem. Anyway, you can report it to S:C/B.

        Loading editor
    • Thank you.

        Loading editor
    • You're welcome.

        Loading editor
    • I don't really get what's the point of keeping the "start a wiki" button, as it's not that people start wikis everyday. Similarly, I don't want to know what's with making those Fandom categories as important as the "main product" wikis are, size wise. The "FANDOM" button is already there, so I can't see why it can't have a dropdown similar to the "wikis" one and browse categories there.

      By the way, it's interesting to see how the Wikia name has been completely removed. There goes the company name.

        Loading editor
    • Oooooo this is cool!!

      This is just my opinion, but I feel like there should also be a light theme as well and when you scroll throughout the page (on desktop) it hides itself.

      For me personally, I find it distracting that the main page of the wiki, like when you're reading an article, is bright in contrast but then you have the navigation which is dark. (Most wikis I go on, or work on take advantage of the light contrast for it's colors and images....) So, I was thinking that there should be an option in which an admin of that wiki can change it between light and dark. Sorta like the Live! Chat, how you can turn it off and on except it just switches the color of the top bar here.

      I think the second thing I mentioned is self explanatory, but also... when scroling through the page there should be like a button to hide it that top bar or have it hide itself.... sorta like the My Tools bar at the bottom!

      Don't know if this is going to be seen by anyone, but I'll just put it here hoping a staff will see it (lol)

      Keep up the great work!

        Loading editor
    • Kudossko wrote: Oooooo this is cool!!

      This is just my opinion, but I feel like there should also be a light theme as well and when you scroll throughout the page (on desktop) it hides itself.

      For me personally, I find it distracting that the main page of the wiki, like when you're reading an article, is bright in contrast but then you have the navigation which is dark. So, I was thinking that there should be an option in which an admin of that wiki can change it between light and dark. Sorta like the Live! Chat, how you can turn it off and on except it just switches the color of the top bar here.

      I think the second thing I mentioned is self explanatory, but also... when scroling through the page there should be like a button to hide it that top bar or have it hide itself.... sorta like the My Tools bar at the bottom!

      Don't know if this is going to be seen by anyone, but I'll just put it here hoping a staff will see it (lol)

      Keep up the great work!

      See Thread:1480173.

        Loading editor
    • Okay, I think the dark theme is fine, but I do have problems: Why doesn't the bar, which I feel is a lot bigger than the previous one, disappear when I scroll down? That was an excellent feature, a good way to split the difference of having a bigger bar vs. having the page be clearly visible. And yes, I do feel there should be a way to easily change it back to white, because this does clash quite a lot with the color palet of individual wikis. The greenish-blue is not as neutral as goof old black and white.

      Side note: Yes, I saw the previous comment of the thread linking to the JS editing thingy, but I feel that should be the default rather than a hack.

        Loading editor
    • Ugh, it's just ruining things for mobile. No more easy access to userpage, no more notifications. Or at least for me, it's just showing the text "FANDOM" and nothing else, so it's basically useless.

      EDIT: And search, which is shown in the pictures, isn't there either. Not even a search bar below the header. Name one feature that exists with the current system that didn't with the original. That's right. There are none. You just took stuff away.

        Loading editor
    • its not that bad (desktop version, i didnt try mobile)
      and you can customize it to match your wiki's theme:
      https://oto.wikia.com/wiki/Cool_Spring_Water

        Loading editor
    • Lumpofsomething wrote: its not that bad (desktop version, i didnt try mobile)
      and you can customize it to match your wiki's theme:
      https://oto.wikia.com/wiki/Cool_Spring_Water

      No you can't. Please revert all changes you made to the global nav. Since its indeed to be for FANDOM's branding, only personal changes are allowed.

        Loading editor
    • who are you?

        Loading editor
    • Lumpofsomething wrote: who are you?

      Can you please remove all sitewide global nav customizations to your wiki you linked. I do not want to reveal my real name here.

        Loading editor
    • i dont need your real name :) but if you want to make such request, there should be Fandom next to your name, right?

        Loading editor
    • Lumpofsomething wrote: i dont need your real name :) but if you want to make such request, there should be Fandom next to your name, right?

      Okay. Please remove all Global Nav customization from sitewide CSS and move it to your personal CSS. Thanks!!! MarTsok

        Loading editor
    • Lumpofsomething wrote:
      i dont need your real name :) but if you want to make such request, there should be Fandom next to your name, right?

      HM100 is correct -- per FANDOM's customization policy, changes to the global navigation are not permitted. You are free to adjust your personal customizations (visible only to you) as you see fit.

        Loading editor
    • hmm, ok, what a pity

        Loading editor
    • Can someone please tell me how am i gonna change this color scheme of this bar?

      Because i saw this.
      Fandom Navigation Theme Alts

      Edit: Please reply

        Loading editor
    • That's an image mock-up, not actual css. You might be interested in w:c:dev:2017GlobalNav, however.

        Loading editor
    • Forge the Hybrid wrote:
      That's an image mock-up, not actual css. You might be interested in w:c:dev:2017GlobalNav, however.

      Okay I know that bar is update, then how am i gonna change this color scheme?

        Loading editor
    • The designs in that image are mock-ups, the css to make the navbar doesn't exist currently (unless the creator saved it that is.)

      If you want to make the navbar white like it was prior to the update, add the 2017GlobalNav stylesheet import to your Global CSS page or a wiki-specific CSS page by pasting
      @import "/load.php?mode=articles&articles=u:dev:MediaWiki:2017GlobalNav.css&only=styles";

      at the top, along with any other imports you may have.

        Loading editor
    • Syeerol
      Syeerol removed this reply because:
      s
      00:17, July 11, 2018
      This reply has been removed
    • Syeerol
      Syeerol removed this reply because:
      x
      00:22, July 11, 2018
      This reply has been removed
    • The header works on some wikis, but on other's it's like the picture you'd get when you look up "Eyesore" in the dictionary. It would kinda be better if the staff made it be set so it could be customized by the staff/administrators on each wiki, along with the rest of a wiki's color scheme. It stands out like a sore thumb and looks extremely ugly on some wikis.

        Loading editor
    • The word FANDOM doesn't appear when I changed to 2017 Navigation Bar. How am I gonna fix this?

        Loading editor
    • Yes, this new header is hampering editing, even small tasks, via mobile. Full screen is the only mode in which the needed icons appeared; not even a search bar. I don’t think that was a neccesary change. The new color scheme is also, while on brand, jarring.

        Loading editor
    • Syeerol wrote: The word FANDOM doesn't appear when I changed to 2017 Navigation Bar. How am I gonna fix this?

      I tried to do a fix but failed :(

        Loading editor
    • HM100 wrote:

      Syeerol wrote: The word FANDOM doesn't appear when I changed to 2017 Navigation Bar. How am I gonna fix this?

      I tried to do a fix but failed :(

      It's okay you failed.

        Loading editor
    • I like the fact that it's been brought up to date with the modernised branding, but the colours can be really jarring on light themes wikis. Should definitely be an option to recolour it via Theme Designer or have it automatically recognise light or dark theme communities and change as such.

        Loading editor
    • Guyus24 wrote: I like the fact that it's been brought up to date with the modernised branding, but the colours can be really jarring on light themes wikis. Should definitely be an option to recolour it via Theme Designer or have it automatically recognise light or dark theme communities and change as such.

      Yes. YES. YES! YEEEEESSSSSSSS!!!!!

        Loading editor
    • Guyus24 wrote: I like the fact that it's been brought up to date with the modernised branding, but the colours can be really jarring on light themes wikis. Should definitely be an option to recolour it via Theme Designer or have it automatically recognise light or dark theme communities and change as such.

      Exactly

        Loading editor
    • Actually, I'm gonna tell BertH.

        Loading editor
    • Can we revert back to the previous update, please? 

        Loading editor
    • I don't have a problem with the header, what I do have a problem with is the large abnoxious recent activity image. If you could revert that part, I would have no complaints.

        Loading editor
    • Syeerol wrote:

      Fandom Navigation Theme Alts

      Can someone please tell me how am i gonna change this color scheme of this bar?

      Because i saw this.

      Edit: Please reply

      Hey Syeerol, I made this! As Forge said, its a mockup, not a custom stylesheet. I took screenshots after messing around with the css via the browser's inspector.

      Syeerol wrote: The word FANDOM doesn't appear when I changed to 2017 Navigation Bar. How am I gonna fix this?

      Assuming 2017GlobalNav resets it to a white background, "FANDOM" disappears because its color is also white. Unlike the other text, it is set directly in the svg path's fill property, not a css class. It can still be changed with css, but in order to only target that specific text (and not accidentally alter other svgs' colors) you'll need something like a :last-child selector of the parent svg's #id.

      Only do this on your personal CSS! Hopefully we'll get some official options at some point to use site-wide.

        Loading editor
    • Pusillanimous wrote:

      Hey Syeerol, I made this! As Forge said, its a mockup, not a custom stylesheet. I took screenshots after messing around with the css via the browser's inspector.

      Assuming 2017GlobalNav resets it to a white background, "FANDOM" disappears because its color is also white. Unlike the other text, it is set directly in the svg path's fill property, not a css class. It can still be changed with css, but in order to only target that specific text (and not accidentally alter other svgs' colors) you'll need something like a :last-child selector of the parent svg's #id.

      Only do this on your personal CSS! Hopefully we'll get some official options at some point to use site-wide.

      Okay, thanks.

        Loading editor
    • I figured it out! You can set the color with the following code

      svg#wds-company-logo-fandom-white path:last-child {
          fill: #000000;
      }

      #000000 can be replaced by your preferred color. This code would go in your global.css file or wikia.css file depending on if you want it to affect all wikis or just one. (if you aren't sure what you'd replace the hex code [#000000] with, there's a very useful site here that will help you out.)

        Loading editor
    • Forge the Hybrid wrote: I figured it out! You can set the color with the following code

      svg#wds-company-logo-fandom-white path:last-child {
          fill: #000000;
      }

      #000000 can be replaced by your preferred color. This code would go in your global.css file or wikia.css file depending on if you want it to affect all wikis or just one. (if you aren't sure what you'd replace the hex code [#000000] with, there's a very useful site here that will help you out.)

      will this come with any possible bugs?

        Loading editor
    • It shouldn't since ids are supposed to be one-of-a-kind per page and it only affects the the last path tag that's been enclosed by an svg with the id of wds-company-logo-fandom-white. That said, if you do manage to find somewhere it adversely affects another area I'd be happy to take a look at it.

        Loading editor
    • The code only affects the text. What about the bar color?

        Loading editor
    • I’m on mobile, and the bar at the top is blank.

        Loading editor
    • Yeah, that happens on my device as well, but fortunately, they reappear in landscape mode.

        Loading editor
    • Positive Elixir Trade wrote: The code only affects the text. What about the bar color?

      The code I posted was only to change the color of "FANDOM". You'd have to use something like w:c:dev:2017GlobalNav, which changes the bar color but not the text of FANDOM.

      The Nameless Lancer wrote: I’m on mobile, and the bar at the top is blank.

      Known issue. If your device's screen is 767px or smaller, all icons disappear but the FANDOM one. 768px or bigger, everything appears as it should.

        Loading editor
    • Is it gonna get fixed soon?

        Loading editor
    • It should, hopefully very soon since it affects so many users. I'm no design specialist, but imho they should have caught this problem waaay before they pushed the navbar update out to us.

        Loading editor
    • Agreed.

        Loading editor
    • Forge the Hybrid wrote:

      CreationBeTheWorld23 wrote: It takes me too many taps to search now, when I used to only need to tap once.

      Are you sure you need to tap multiple times? I still only need to click once, since after you click the search icon or the word "Search" the typing bar is automatically focused so you can start typing immediately.

      Can confirm that I need to click the search bar at least 2 or 3 times; very user unfriendly.

      To make it even worse, if I request desktop view on mobile, the new header doesn't render outside of the default page view, meaning that when you zoom out to see the whole page, the entire right half of the header (including the search bar) is cut off.

        Loading editor
    • F-Lambda wrote: To make it even worse, if I request desktop view on mobile, the new header doesn't render outside of the default page view, meaning that when you zoom out to see the whole page, the entire right half of the header (including the search bar) is cut off.

      To be honest, I don't even see anything on the top navigation bar in desktop view on mobile, not even the things that should be on the left half of the bar (games, movies, TV, video, and wikis); all I see on the bar is the Fandom logo. A screenshot to demonstrate what I'm talking about can be seen here.

        Loading editor
    • F-Lambda wrote: Can confirm that I need to click the search bar at least 2 or 3 times; very user unfriendly.

      To make it even worse, if I request desktop view on mobile, the new header doesn't render outside of the default page view, meaning that when you zoom out to see the whole page, the entire right half of the header (including the search bar) is cut off.

      Report this bug to S:C/B.

        Loading editor
    • These bugs are creeping me out.

        Loading editor
    • Calling FANDOM QA!

        Loading editor
    • As mentioned above several times, a light-coloured option would be great. But the colour wouldn't bother me that much, if the bar would still disappear when scrolling down. I really don't see how this change is an improvement. The bar was always easily accessable by just scrolling up a tiny bit. And it wouldn't take extra space from the page away.

        Loading editor
    • I've just requested a userstyle for Stylish (I know there are CSS options, but they're only for personal use). I won't be having this.

        Loading editor
    • GUYS! For those who want a light themed navigation for light wikis, you can add it in your personal CSS. See c:justLeafy:LightGlobalNav4LightWikis.

        Loading editor
    • This sounds pretty cool! Could you link an example so I'll know what it looks like?

        Loading editor
    • Wikikinetic wrote: This sounds pretty cool! Could you link an example so I'll know what it looks like?

      Unfortunately, I can't, since you need to add it to your personal CSS. Just take a close look at the screenshots.

        Loading editor
    • Wait, so this is something that just changes the wiki for the user who uses it? (Somehow I thought that you were saying that it was something that could affect an entire wiki...)

        Loading editor
    • Wikikinetic wrote: Wait, so this is something that just changes the wiki for the user who uses it? (Somehow I thought that you were saying that it was something that could affect an entire wiki...)

      Yes. I mean, it would work if you put it site-wide. But the truth is, you're not allowed to do that. You are only allowed to put it on a personal level. If there was no customization policy for this, I would've made it available for site-wide use.

        Loading editor
    • Hmm...in that case, I guess we'll still need to get Fandom's attention if we want to let this feature be available for users who don't know that this forum exists. Thanks for providing the link for people to use in the interim, though!

        Loading editor
    • Yyp

      This looks really good, particularly on darker themed wikis. Maybe some options for lighter themes or themes whose colors clash with it would be nice.

        Loading editor
    • Dragonfly82 wrote:
      Where is the Navigation Bar when I click on Full Site?

      When will I be able to go to see if I got any messages with my Touch Screen Phone so I don't have to do that on a computer?

        Loading editor
    • Yyp wrote: This looks really good, particularly on darker themed wikis. Maybe some options for lighter themes or themes whose colors clash with it would be nice.

      GUYS! For those who want a light themed navigation for light wikis, you can add it in your personal CSS. See c:justLeafy:LightGlobalNav4LightWikis.

        Loading editor
    • I dislike this thing.

      I mean, on Mobile, I cannot see my profile picture, search bar, bell, or notifications. All I see is the logo of FANDOM.

        Loading editor
    • Its Naseeb wrote: I dislike this thing.

      I mean, on Mobile, I cannot see my profile picture, search bar, bell, or notifications. All I see is the logo of FANDOM.

      Same here. This is a big enough problem for people like me who want to get between multiple pages on my phone but want to see the latest changes (because mobile mobile view caches the page), but for someone who only uses a mobile device and ever wants to access desktop features, this could be an enormous problem. For example, if a wiki admin wanted to access their admin dashboard but their computer broke, they'd have virtually no way to do so.

        Loading editor
    • Wikikinetic wrote:

      Its Naseeb wrote: I dislike this thing.

      I mean, on Mobile, I cannot see my profile picture, search bar, bell, or notifications. All I see is the logo of FANDOM.

      Same here. This is a big enough problem for people like me who want to get between multiple pages on my phone but want to see the latest changes (because mobile mobile view caches the page), but for someone who only uses a mobile device and ever wants to access desktop features, this could be an enormous problem. For example, if a wiki admin wanted to access their admin dashboard but their computer broke, they'd have virtually no way to do so.

      Yes, I wish we had the old one.

        Loading editor
    • Its Naseeb wrote:

      Wikikinetic wrote:

      Its Naseeb wrote: I dislike this thing.

      I mean, on Mobile, I cannot see my profile picture, search bar, bell, or notifications. All I see is the logo of FANDOM.

      Same here. This is a big enough problem for people like me who want to get between multiple pages on my phone but want to see the latest changes (because mobile mobile view caches the page), but for someone who only uses a mobile device and ever wants to access desktop features, this could be an enormous problem. For example, if a wiki admin wanted to access their admin dashboard but their computer broke, they'd have virtually no way to do so.

      Yes, I wish we had the old one.

      I agree with all of you.

        Loading editor
    • Minato826 wrote:

      Its Naseeb wrote: I dislike this thing.

      I mean, on Mobile, I cannot see my profile picture, search bar, bell, or notifications. All I see is the logo of FANDOM.

      I sincerely hope that this fix happens, as this would be invaluable for reasons stated above.

      Also, thank you, Minato826, for relaying this information!
        Loading editor
    • Minato826 wrote:

      Its Naseeb wrote: I dislike this thing.

      I mean, on Mobile, I cannot see my profile picture, search bar, bell, or notifications. All I see is the logo of FANDOM.

      What happened to the old one? I mean no one likes this one.
        Loading editor
    • Its Naseeb wrote: What happened to the old one? I mean no one likes this one.

      What makes you say that?

      And FYI, "no one" liked the white one either when it was rolled out.

        Loading editor
    • Tupka217 wrote:

      Its Naseeb wrote: What happened to the old one? I mean no one likes this one.

      What makes you say that?

      And FYI, "no one" liked the white one either when it was rolled out.

      If you check MCW's latest forum, you can see a lot of the staff dislikes this theme. https://minecraftcreepypasta.wikia.com/wiki/Thread:124303#12

        Loading editor
    • Its Naseeb wrote:

      What happened to the old one? I mean no one likes this one.

      Not sure about anyone else, but if I count as someone, from an aesthetic point, I like it. And if they re-added headroom.js it'd perfect.

        Loading editor
    • Its Naseeb wrote:

      Tupka217 wrote:

      Its Naseeb wrote: What happened to the old one? I mean no one likes this one.

      What makes you say that?

      And FYI, "no one" liked the white one either when it was rolled out.

      If you check MCW's latest forum, you can see a lot of the staff dislikes this theme. https://minecraftcreepypasta.wikia.com/wiki/Thread:124303#12

      Drops in an ocean of silence. Fifteen minute's rage over a sudden change is always more vocal than support. It happens on any change, on Wikia Fandom powered by Wikia FANDOM and everywhere else.

      By now, I'm indifferent. I block out the top nav, same as I did on the previous version and even the one before.

        Loading editor
    • Tupka217 wrote:

      Its Naseeb wrote:

      Tupka217 wrote:

      Its Naseeb wrote: What happened to the old one? I mean no one likes this one.

      What makes you say that?

      And FYI, "no one" liked the white one either when it was rolled out.

      If you check MCW's latest forum, you can see a lot of the staff dislikes this theme. https://minecraftcreepypasta.wikia.com/wiki/Thread:124303#12

      Drops in an ocean of silence. Fifteen minute's rage over a sudden change is always more vocal than support. It happens on any change, on Wikia Fandom powered by Wikia FANDOM and everywhere else.

      By now, I'm indifferent. I block out the top nav, same as I did on the previous version and even the one before.

      What?

        Loading editor
    • Its Naseeb wrote:

      Tupka217 wrote:

      Its Naseeb wrote: What happened to the old one? I mean no one likes this one.

      What makes you say that?

      And FYI, "no one" liked the white one either when it was rolled out.

      If you check MCW's latest forum, you can see a lot of the staff dislikes this theme. https://minecraftcreepypasta.wikia.com/wiki/Thread:124303#12

      I have the same problem.

        Loading editor
    • As should be clear, making theme decisions like these are really subjective. Of course, if you want a different look just for yourself you could use something like w:c:dev:DarkGlobalNav which is more neutral in theme. While it's not permitted site-wide, you're welcome to use it for yourself.

      Mobile issues are a different matter, though — those should be fixed soon.

        Loading editor
    • Myself 123 wrote: Nothing on the navigation bar is showing up for me, aside from the link to Fandom, it's completely blank.

      You mean the lack of a search icon, avatar icon and so on? I just found out about this when I changed the mobile setting on my phone. It’s not helping here.

        Loading editor
    • Aggression25 wrote:

      Myself 123 wrote: Nothing on the navigation bar is showing up for me, aside from the link to Fandom, it's completely blank.

      You mean the lack of a search icon, avatar icon and so on? I just found out about this when I changed the mobile setting on my phone. It’s not helping here.

      It's a bug that's known and being worked on. It's mentioned before (and mentioned as mentioned before) multiple times above.

        Loading editor
    • Positive Elixir Trade
      Positive Elixir Trade removed this reply because:
      Useless
      15:53, July 11, 2018
      This reply has been removed
    • FANDOM bar is causing issues on my mobile devices. I have to get to my profile, message wall, and contribs through link, and cannot view my notifications at all. I think its a good idea, but wikias should be able to customize the bar for their wiki individually. The blue bar doesn't look good on all wikias.

        Loading editor
    • The mobile bug is pretty big to have been missed. Makes me nervous about dev and QA process at FANDOM. I suspect not many best practices are being used.

        Loading editor
    • SuperSajuuk wrote: Has anyone successfully managed to update the navigation bar with new CSS (personal CSS that is)? I've been seeing loads of global.css but none that seem to completely restore the old navbar style. I'm too rusty with CSS now to be able to do it properly myself. :(

      I've finally finished restoring the bar back to the styling I previously had (minus the inversion). I decided to keep the dark theme though.

        Loading editor
    • For 2018-2019 A Suite Pack (Personal only CSS) I finished the styling it required. See here for styling and depends on CSS Variables most things but some depend on Light/Dark theme instead of CSS Variables.

        Loading editor
    • F-Lambda wrote:

      Forge the Hybrid wrote:

      CreationBeTheWorld23 wrote: It takes me too many taps to search now, when I used to only need to tap once.

      Are you sure you need to tap multiple times? I still only need to click once, since after you click the search icon or the word "Search" the typing bar is automatically focused so you can start typing immediately.
      Can confirm that I need to click the search bar at least 2 or 3 times; very user unfriendly.

      To make it even worse, if I request desktop view on mobile, the new header doesn't render outside of the default page view, meaning that when you zoom out to see the whole page, the entire right half of the header (including the search bar) is cut off.

      Please contact us about this and we'll have some additional questions about your experience and system setup. You shouldn't need to click search more than once.

      As has been noted, the issue with viewing the desktop site on mobile browsers is being worked on. You can switch to the mobile view to access search, notifications and the user menu if needed.

        Loading editor
    • Tupka217 wrote:

      Its Naseeb wrote: What happened to the old one? I mean no one likes this one.

      What makes you say that?

      And FYI, "no one" liked the white one either when it was rolled out.

      I didn't have a problem with the scrolled up bar. All you needed to do was to scroll up a little bit.

        Loading editor
    • Cqm

      Glad to see it's already known, but I'd just like to confirm the behaviour I'm seeing in oasis from mobile (Chrome on Android) - just the fandom logo on the far left of the global nav. It's particularly annoying when mercury doesn't support a number of namespaces. I almost thought search had been removed.

        Loading editor
    • Same here.

        Loading editor
    • BertH wrote:

      F-Lambda wrote:

      Forge the Hybrid wrote:

      CreationBeTheWorld23 wrote: It takes me too many taps to search now, when I used to only need to tap once.

      Are you sure you need to tap multiple times? I still only need to click once, since after you click the search icon or the word "Search" the typing bar is automatically focused so you can start typing immediately.
      Can confirm that I need to click the search bar at least 2 or 3 times; very user unfriendly.

      To make it even worse, if I request desktop view on mobile, the new header doesn't render outside of the default page view, meaning that when you zoom out to see the whole page, the entire right half of the header (including the search bar) is cut off.

      Please contact us about this and we'll have some additional questions about your experience and system setup. You shouldn't need to click search more than once.

      As has been noted, the issue with viewing the desktop site on mobile browsers is being worked on. You can switch to the mobile view to access search, notifications and the user menu if needed.

      I found that I could fix the issue by adding the following code to my custom.css

         .wds-global-navigation__search-input-wrapper {
             transition: none;
         }
      

      This would seem to indicate that something about the slide transition is buggy. I am currently using the latest version of Edge on Windows 10.

        Loading editor
    • I just discovered that using side-by-side window view on desktop triggers the same bug as desktop view on mobile (1366x768 screen, making it trigger on desktops skinnier than 384px).

        Loading editor
    • I've done my own (extremely small, on one browser/os combo) testing and it appears that if your browser is 767px or smaller everything but the FANDOM icon disappears, and if your browser is 768px or larger everything is as it should be.

        Loading editor
    • Forge the Hybrid wrote: I've done my own (extremely small, on one browser/os combo) testing and it appears that if your browser is 767px or smaller everything but the FANDOM icon disappears, and if your browser is 768px or larger everything is as it should be.

      That would explain the conditions I found described in this CSS block using Inspect Element:

         /*@media only screen and (min-width:768px)*/
         .wds-global-navigation__dropdown-controls {
             display: flex;
         }
      

      Toggling that "display: flex;" property makes it look like the bugged state. Now I just need to find where those conditions are set....

        Loading editor
    • Cool!

        Loading editor
    • It looks nice

      Also hey Positive Elixir Trade

        Loading editor
    • It's a nice change but the fact that we can't navigate for other users makes it really inconvenient for mobile users.

      Pretty annoying tbh.

        Loading editor
    • Sharp Elite wrote: It looks nice

      Also hey Positive Elixir Trade

      Hey.

        Loading editor
    • I wonder how long it will take for FANDOM to fix the bug.

        Loading editor
    • Soon I think

        Loading editor
    • The updates to mobile web pages (the mobile skin) and desktop Discussions pages were released today.

      Local navigation is now much more accessible for mobile users. And check out the nice animation on mobile web pages when you scroll!

        Loading editor
    • Positive Elixir Trade wrote: I wonder how long it will take for FANDOM to fix the bug.

      It's fixed! :D

      Clash Royale editors taking over this thread

        Loading editor
    • Yay

      Also we don't have control really<s>

        Loading editor
    • Still having trouble with the nav bar on mobile.

        Loading editor
    • Positive Elixir Trade
      Positive Elixir Trade removed this reply because:
      Useless.
      04:10, July 13, 2018
      This reply has been removed
    • Positive Elixir Trade
      Positive Elixir Trade removed this reply because:
      Useless.
      04:10, July 13, 2018
      This reply has been removed
    • But really, it's still not fixed for me. Also, don't say Clash Royale editors.

      Cuz me get angry. And you no like when me angry.

        Loading editor
    • Anon3610 wrote: Still having trouble with the nav bar on mobile.

      It only works when you're in Discussions.

        Loading editor
    • Will there be anymore updates to the global navigation bar in the near future?

        Loading editor
    • Definitely. Given that FANDOM fixed the nav bar in discussions, they're definitely going to be covering everything.

        Loading editor
    • Then guess I should wait before fixing my CSS navbar style.

        Loading editor
    • What code were you going to use to fix it?

        Loading editor
    • I hate the new one.

      I am getting pissed because I have to turn my screen the whole time to see if I have messages or my account link.

        Loading editor
    • That's a bug, not a feature, so that in itself is not a reason to hate it. At least, not after they finally fix it.

        Loading editor
    • Can you revert back to the old header until the mobile bug is fixed please?

        Loading editor
    • Myself 123 wrote: Can you revert back to the old header until the mobile bug is fixed please?

      No. You have to use Mercury Skin for the time being or don't use Oasis on your Mobile

        Loading editor
    • Does it make any difference which kind of web browser?

        Loading editor
    • Appears not. The issue is based on window size, although it's certainly possible different browsers interpret the code differently. If FANDOM did their testing properly, everything should be more or less identical.

        Loading editor
    • I have Opera and the Navigation Bar is blank.

        Loading editor
    • I just hope this bug was really missed by FANDOM QA/dev and not that is was known and reported, but some program/project manager or other person made the call not to fix it. This happens.

        Loading editor
    • HM100 wrote:

      Myself 123 wrote: Can you revert back to the old header until the mobile bug is fixed please?

      No. You have to use Mercury Skin for the time being or don't use Oasis on your Mobile

      That's what Wikia wants me to do: use the inferior mobile site until I get used to it. I'm not falling for it, I'm gonna keep using desktop until the problem is solved.

        Loading editor
    • Myself 123 wrote:

      HM100 wrote:

      Myself 123 wrote: Can you revert back to the old header until the mobile bug is fixed please?

      No. You have to use Mercury Skin for the time being or don't use Oasis on your Mobile

      That's what Wikia wants me to do: use the inferior mobile site until I get used to it. I'm not falling for it, I'm gonna keep using desktop until the problem is solved.

      No, this is just a bug. No sinister ulterior motives.

        Loading editor
    • So the narrow window bug is still around, right? Is there anything else obvious?

        Loading editor
    • It's still around.

        Loading editor
    • I have to click on Mobile Site to be able to login and see comments on discussions it is impossible in Full Site and I can not see if I got message on a wiki or a forum I have to manually go to thoses places.

        Loading editor
    • I also still have the problem

        Loading editor
    • Does a phone make a difference?

        Loading editor
    • If your device is 767 px or less, everything on the bar disappears.

        Loading editor
    • I have no idea what you just said I have Samsung Galaxy XCover 2 you tell me? Will it help if I do a clear slate on my Opera Browser and restart my phone?

        Loading editor
    • No. Your phone is simply too small. FANDOM needs to fix the bug. It's nothing restarting your phone will help.

        Loading editor
    • No. Your phone is simply too small. FANDOM needs to fix the bug. Restarting your phone will not help a global bug.

        Loading editor
    • Does this fix work?

      .wds-global-navigation__dropdown-controls {
          display: flex !important;
      }
        Loading editor
    • Banarama wrote: Does this fix work?

      .wds-global-navigation__dropdown-controls {
          display: flex !important;
      }

      This. This is a fix on my end at least, and you can drop the !important as well (maybe you have a custom stylesheet you need to override?)

        Loading editor
    • I thought it might be necessary for specificity — it appears not. Either way, I guess it works! :D

        Loading editor
    • Does this work for displaying the full navbar?

      .wds-global-navigation__links, .wds-global-navigation__dropdown-controls {
          display: flex;
      }
        Loading editor
    • My comment is only about the new color scheme.  I don't dislike the dark teal menu bar, but it is really hard to find complementary colors that work with it and with our content.  Most shades of blue don't work.  And when we are trying to help other users, we have referred to the "white" menu bar to differentiate it from our wiki's "blue" menu bar.  What was wrong with the white?

        Loading editor
    • Dark themes have been popular on many wikis, so I suppose this is an attempt to offer something nice to them. You can always import a custom theme personally, and I'm sure there's other ways to refer users to the global nav such as "the one with the heart logo" or something.

        Loading editor
    • The code works!

        Loading editor
    • Even after all these years, I never made the connection between the logo and a heart. Makes sense I guess.

      For the code, this

      .wds-global-navigation__dropdown-controls {
          display: flex;
      }

      fixes the issue of items not appearing when the browser is under 767px, not the issue you were talking about earlier, maybe it works for what you intended? I'm not sure...

        Loading editor
    • Eh, either of those should work :P

        Loading editor
    • Worked for me. Now put that in the CR Wiki css, cuz it works. (Just kidding)

        Loading editor
    • If you dislike the new theme you can vote here:

      https://www.change.org/p/fandom-get-rid-of-the-new-wikia-theme

        Loading editor
    • Sorry. I don't think I can bring myself to vote on it.

        Loading editor
    • Don't get your hopes up.

        Loading editor
    • Tupka217 wrote: Don't get your hopes up.

      Someone made it, not me and told me to repost it

        Loading editor
    • Tupka217 wrote: Don't get your hopes up.

      I'm not trying to!!! Why are so hard to understand and talk to?? What did I ever do to you???

        Loading editor
    • Positive Elixir Trade wrote:

      Tupka217 wrote: Don't get your hopes up.

      I'm not trying to!!! Why are so hard to understand and talk to?? What did I ever do to you???

      That's the problem with the wiki here, everyone is so so serious you can't make a joke.

        Loading editor
    • Positive Elixir Trade wrote:

      Tupka217 wrote: Don't get your hopes up.

      I'm not trying to!!! Why are so hard to understand and talk to?? What did I ever do to you???

      I don't know. I wasn't replying to you.

        Loading editor
    • Its Naseeb wrote:

      Positive Elixir Trade wrote:

      Tupka217 wrote: Don't get your hopes up.

      I'm not trying to!!! Why are so hard to understand and talk to?? What did I ever do to you???

      That's the problem with the wiki here, everyone is so so serious you can't make a joke.

      I saw him talking to GET REXED 745. I am triggered.

        Loading editor
    • How long will it take for the bug to be fixed?

        Loading editor
    • ^ May take a couple days.

        Loading editor
    • They don't work weekends.

        Loading editor
    • FANDOM regularly releases updates almost every weekday, and I'm sure this is at the top of the list.

        Loading editor
    • Tupka217 wrote: They don't work weekends.

      That's reasonable.

        Loading editor
    • Havana.swift wrote: Are they need security? security is also important.

      Pretty sure they can page people to come in if needed.

        Loading editor
    • I found a solution to hide the navbar when scrolling, and tweaked it a little so it works on FANDOM.

      JavaScript

      var didScroll;
      var lastScrollTop = 0;
      $(window).scroll(function(event){
          didScroll = true;
      });
      setInterval(function() {
          if (didScroll) {
              hasScrolled();
              didScroll = false;
          }
      }, 250);
      function hasScrolled() {
          var st = $(this).scrollTop();
          if (st > lastScrollTop && st > 55) {	// Scroll Down
              $("#globalNavigation").removeClass("nav-down").addClass("nav-up");
          } else {								// Scroll Up
              if(st + $(window).height() < $(document).height()) {
                  $("#globalNavigation").removeClass("nav-up").addClass("nav-down");
              }
          }
          lastScrollTop = st;
      }

      CSS

      #globalNavigation {
          transition: top 0.15s linear;
      } 
      .nav-up {
          top: -55px;
      }
        Loading editor
    • Grudgeholderr wrote: I found a solution to hide the navbar when scrolling, and tweaked it a little so it works on FANDOM.

      JavaScript

      var didScroll;
      var lastScrollTop = 0;
      $(window).scroll(function(event){
          didScroll = true;
      });
      setInterval(function() {
          if (didScroll) {
              hasScrolled();
              didScroll = false;
          }
      }, 250);
      function hasScrolled() {
          var st = $(this).scrollTop();
          if (st > lastScrollTop && st > 55) {	// Scroll Down
              $("#globalNavigation").removeClass("nav-down").addClass("nav-up");
          } else {								// Scroll Up
              if(st + $(window).height() < $(document).height()) {
                  $("#globalNavigation").removeClass("nav-up").addClass("nav-down");
              }
          }
          lastScrollTop = st;
      }

      CSS

      #globalNavigation {
          transition: top 0.15s linear;
      } 
      .nav-up {
          top: -55px;
      }

      I think we should add a documentation for this on the FANDOM Open Source Library.

        Loading editor
    • Since its just two css rules, it might be easier to include the css in the js snippet tbh.

        Loading editor
    • u don't need any timers for that.
      (function(){
       var prevY = 0;
       $(window).on('scroll', function (e) {
        var posY = $(window).scrollTop();
        if (prevY < posY) {
         $('.wds-global-navigation-wrapper').hide();
        } else {
         $('.wds-global-navigation-wrapper').show();
        }
        prevY = $(window).scrollTop();
       });
      })();
        Loading editor
    • Grudgeholderr wrote: I found a solution to hide the navbar when scrolling, and tweaked it a little so it works on FANDOM.

      JavaScript

      var didScroll;
      var lastScrollTop = 0;
      $(window).scroll(function(event){
          didScroll = true;
      });
      setInterval(function() {
          if (didScroll) {
              hasScrolled();
              didScroll = false;
          }
      }, 250);
      function hasScrolled() {
          var st = $(this).scrollTop();
          if (st > lastScrollTop && st > 55) {	// Scroll Down
              $("#globalNavigation").removeClass("nav-down").addClass("nav-up");
          } else {								// Scroll Up
              if(st + $(window).height() < $(document).height()) {
                  $("#globalNavigation").removeClass("nav-up").addClass("nav-down");
              }
          }
          lastScrollTop = st;
      }

      CSS

      #globalNavigation {
          transition: top 0.15s linear;
      } 
      .nav-up {
          top: -55px;
      }

      There's already an existing script for that on the dev wiki, under the name of GlobalNavBehavior, and to make the collapsing smooth, their is SmoothGlobalNav

        Loading editor
    • How do these guys know so much??

        Loading editor
    • Fngplg wrote:

      u don't need any timers for that.
      (function(){
       var prevY = 0;
       $(window).on('scroll', function (e) {
        var posY = $(window).scrollTop();
        if (prevY < posY) {
         $('.wds-global-navigation-wrapper').hide();
        } else {
         $('.wds-global-navigation-wrapper').show();
        }
        prevY = $(window).scrollTop();
       });
      })();

      This is simple and it works. Put it in Special:MyPage/global.js or on a per wiki basis at Special:MyPage/wikia.js.

        Loading editor
    • Hey there - a quick update: I want to confirm that the empty bar when viewing the full site on a mobile layout is currently a top priority for the team. It's definitely not ideal, and we hope to have improvements live quite soon.

      Note: in the meantime, you may be able to view the missing options by ticking the "Desktop site" option Chrome's browser menu, switching to landscape mode (widening the browser area), or by switching to the mobile layout.

      Apologies for the inconvenience!

      Edit: this has also been posted as a separate thread to help with awareness: Thread:1483727.

      Edit 2: another method to view the contents of the global nav has been noted above.

        Loading editor
    • Kirkburn wrote: Hey there - a quick update: I want to confirm that the empty bar when viewing the full site on a mobile layout is currently a top priority for the team. It's definitely not ideal, and we hope to have improvements live quite soon.

      Note: in the meantime, you may be able to view the missing options by switching to landscape mode (widening the browser area), or by switching to the mobile layout.

      Apologies for the inconvenience!

      I have to say that was just lovely update, thank you, Kirkburn.

        Loading editor
    • Kirkburn wrote: Hey there - a quick update: I want to confirm that the empty bar when viewing the full site on a mobile layout is currently a top priority for the team. It's definitely not ideal, and we hope to have improvements live quite soon.

      Note: in the meantime, you may be able to view the missing options by switching to landscape mode (widening the browser area), or by switching to the mobile layout.

      Apologies for the inconvenience!

      Thanks for being aware of this bug. However, even if I switch to landscape mode, it still doesn't work, but I just use the desktop site instead for this case.

        Loading editor
    • I like the bar now, I've gotten used to it.

        Loading editor
    • JustLeafy wrote:

      Kirkburn wrote: Hey there - a quick update: I want to confirm that the empty bar when viewing the full site on a mobile layout is currently a top priority for the team. It's definitely not ideal, and we hope to have improvements live quite soon.

      Note: in the meantime, you may be able to view the missing options by switching to landscape mode (widening the browser area), or by switching to the mobile layout.

      Apologies for the inconvenience!

      Thanks for being aware of this bug. However, even if I switch to landscape mode, it still doesn't work, but I just use the desktop site instead for this case.

      I have the same problem.

        Loading editor
    • Dragonfly82 wrote:

      JustLeafy wrote:

      Kirkburn wrote: Hey there - a quick update: I want to confirm that the empty bar when viewing the full site on a mobile layout is currently a top priority for the team. It's definitely not ideal, and we hope to have improvements live quite soon.

      Note: in the meantime, you may be able to view the missing options by switching to landscape mode (widening the browser area), or by switching to the mobile layout.

      Apologies for the inconvenience!

      Thanks for being aware of this bug. However, even if I switch to landscape mode, it still doesn't work, but I just use the desktop site instead for this case.

      I have the same problem.

      Yeah, but in the mean time, use the desktop site option, or just use PC.

        Loading editor
    • The "desktop site option" - View Full Site - is the part that has this issue.

        Loading editor
    • I took some time to get used to it before commenting, and I do like it quite a bit now. However, the look of it still bothers me. It's quite thick. I wish there was an option to switch between light and dark themes. Something like...
      Dark: dark gray bar and light teal accent
      Light: white bar and dark teal accent

        Loading editor
    • You can get something similar through personal css, such as this script that I made.

        Loading editor
    • Sweet! Thanks. 😁

        Loading editor
    • As announced on Thread:1484377, a fix for the blank nav bar on mobile devices is scheduled to go live tomorrow (July 18)!

      Edit: date fixed :)

        Loading editor
    • Uh, what? June 18th was last month, Kirk. What world are you in!?

        Loading editor
    • clearly, a world where everything is one month behind!

      Regardless of that, I'm glad to hear a fix will be going live tomorrow!

        Loading editor
    • Oh my gosh, it works. It works! Thank you so much.

        Loading editor
    • Dragonfly82 wrote: Oh my gosh, it works. It works! Thank you so much.

      Except for the Wikis Dropdown which doesn't show the menu when hovering on it. Tested it now

        Loading editor
    • I am glad the navigation bar works and that is enough for me.

        Loading editor
    • Thanks for finally fixing it. Now I'm just going to unfollow this thread to avoid getting lots of notifications for it.

        Loading editor
    • HM100 wrote: Except for the Wikis Dropdown which doesn't show the menu when hovering on it. Tested it now

      Yeah, it looks like it stops showing at very low resolutions. I'll flag this up with the team, thanks!

        Loading editor
    • Thank you so much for fixing it!

        Loading editor
    • The update of this bar seems very good! It's very useful. On the other hand, will the color stay dark? Because this color does not fit all wikis.

        Loading editor
    • Again, the color should be able to be toggled in the Theme Designer.

        Loading editor
    • Positive Elixir Trade wrote: Again, the color should be able to be toggled in the Theme Designer.

      Yeh, they should allow users to change it. Because no offense, FANDOM, but the color of the navbar is sorta unattractive on a lot of communities. (Please don't ban me for this.)

        Loading editor
    • Popstar792 wrote: Please don't ban me for this.

      Don't worry. A real offense would be an insult or worse.

        Loading editor
    • Yeah, I don't understand why you're always restricting the users of your platform like this.

        Loading editor
    • Popstar792 wrote:

      Positive Elixir Trade wrote: Again, the color should be able to be toggled in the Theme Designer.

      Yeh, they should allow users to change it. Because no offense, FANDOM, but the color of the navbar is sorta unattractive on a lot of communities. (Please don't ban me for this.)

      FANDOM isn't going to block you from the site for having a critical view of the global navigation panel. They encourage users to give feedback, thus the existence of Special:Contact/feedback and Community Council.

        Loading editor
    • Thanks Korra!

        Loading editor
    • Well, you can't be as critical if you're on Community Council. *Waves*

        Loading editor
    • UIaKIHC.png

      so much for consistency

        Loading editor
    • Fandyllic wrote: Well, you can't be as critical if you're on Community Council. *Waves*

      There's no real reason why that should be, all volunteers are in theory held to equal standards

        Loading editor
    • Banarama wrote:

      ...in theory...

        Loading editor
    • Really nice layout. :) I love it. 

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message