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
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.