Latest version: 4.0 (changelog)
Background
The global navigation bar is part of the Mayor's Office's initiative to establish the City's brand and establish a sense of uniformity for the public as they visit the City's various websites. As such, the bar should be included on all official City websites and should maintain a consistent appearance and height throughout.
Compatibility
The navigation bar is developed in Javascript and tested to work on the following browsers:
- Chrome version 131 and newer
- Firefox version 134 and newer
- Safari version 16 and newer
- Edge version 131 and newer
The navigation bar is ADA compliant
Make sure to test your site throughly when including the navigation bar to your website. If you notice some elements of your website shifting the placement of those elements may offset in CSS or scripts based on the distance from the top of the webpage. Since the navigation bar is placed on the very top of the website, the offset needs to calculate for the existence of the bar which is 47 pixels high.
Changelog
- v4.0 – Updated links to appear as buttons. Using title attributes for button links. Updated branding with "An Official Website of the City of Los Angeles".
- v3.6 – Code cleanup.
- v3.5 – Code cleanup.
- v3.4 – Update links for lacity.gov launch.
- v3.3 – Code cleanup.
- v3.2 – Enhancements made for Usability. Updates for reduction in link count, enhancement for on focus style and mobile labeling.
- v3.1 – Enhancements made for ADA, Accessibility and Usability. Addition of inline documentation for version.
- v3.0 – Endpoint change.
- v2.1 – Endpoint change.
- v2.0 – Remove the Citywide drop-down menu and search.
- v1.0 – Initial Release.
Contact Us
If you have any questions, send us an email at ITA.WebServices@lacity.org