Standard Nav bar - Responsive theme

This page covers the appearance, elements & functionality of the Standard nav bar for the Responsive Theme

Return to main Themes article

Navigation bar elements

Site Logo

• Will link back to the homepage
• Visible on desktop layout
• Visible on mobile layout

Site Strapline

• Optional element
• Visible on desktop layout
• Hidden on mobile layout

Region Selector

• Only used for internationalised sites
• Visible on desktop layout
• Visible on mobile layout

Socialite Links

• These link to the social networks for the site / brand
• Visible on desktop layout
• Hidden on mobile layout

Subscribe button

• Expands a dropdown that links to subscription options for the site
• Visible on desktop layout
• Visible on mobile layout

Search

• Clicking the search icon opens up a search field
• Visible on desktop layout
• Visible on mobile layout

Content links

• Links to site content, List pages, Landing pages, Specific articles, External content
• Curated list controlled by editorial from the CMS
• Will resize to fit the width of the browser page, with links moved into the More menu if there is insufficient room
• Visible on Desktop layout
• Contained within the hamburger menu on mobile Layout 

More dropdown menu

• Contains links to lower priority site content
• Curated list controlled by editorial from the CMS
• If empty in the CMS it is not visible on the site (unless browser width functionality mentioned above is triggered)
• Visible on Desktop layout
• Contained within the hamburger menu on mobile layout