Responsive navigation

Transcript

Let’s talk about responsive navigation. The header block is a vital component of the boilerplate, seamlessly integrated within the header element. By default, it provides code for responsive navigation, although it is highly probable for this block to undergo expansion or customization in order to cater to specific project requirements. In most cases, authors do not directly reference the header block as it is automatically loaded on every page. The navigation content is dynamically loaded as a fragment and originally authored in a separate document known as the NAV document such as NavDocs. It follows a structured organization primarily divided into three sections, branding, navigation sections, nested unordered lists, and tools. The NAV document possesses its own life cycle and influences all pages utilizing a specific navigation when they are previewed or published. It is quite common to have multiple NAV documents for a website, such as one dedicated to each locale, language, or section of the site.