Header | The Mosaic Pattern Book

Desktop Header

Style 1

New header style 1 with primary links, a secondary link, slimline search, standard navigation, and grey top bar background image

'Site Details' settings

Site title	The Mosaic Pattern Book
Display the site title?	On
Site subtitle	This is a new website
Display the site subtitle?	On

'Header' settings

Desktop header style	Style 1
Search bar style	Slimline
Show search placeholder text	Off
Desktop logo uploaded? (custom)	Yes. Pattern Book
Primary links	Get started with Pattern Book, Mosaic documentation
Primary links display as icons only?	No
Primary links position	Right-hand side of topbar
Secondary links	YouTube
Secondary links display icons only?	No
Topbar background image?	Yes. Pale grey pattern

'Navigation' settings

Set main menu levels	Three levels (wide drop-down)
Style of main menu (level 1) item	Underlined
Style of dropdown indicator (level 1)	Caret
Uppercase navigation	None

Style 2

New header style 2 with primary links, a secondary link, standard search, standard navigation, and grey top bar background image

'Site Details' settings

Display the site title?	On, but not displayed per header style
Display the site subtitle?	On, but not displayed per header style

'Header' settings

Desktop header style	Style 2
Search bar style	Standard
Show search placeholder text	On
Desktop logo uploaded? (custom)	Yes. Pattern Book
Primary links	Get started with Pattern Book, Mosaic documentation
Primary links display as icons only?	No
Primary links position	Right-hand side of topbar
Secondary links	YouTube
Secondary links display icons only?	No
Topbar background image?	Yes. Pale grey pattern

'Navigation' settings

Set main menu levels	Two levels (standard drop-down)
Style of main menu (level 1) item	Standard
Style of dropdown indicator (level 1)	Caret
Uppercase navigation	None

Style 3

New header style 3 with primary links, a secondary icon, standard search, standard navigation, and grey top bar background image

'Site Details' settings

Site title	The Mosaic Pattern Book
Display the site title?	On
Site subtitle	This is a new website
Display the site subtitle?	On

'Header' settings

Desktop header style	Style 3
Search bar style	Standard
Show search placeholder text	Off
Desktop logo uploaded? (custom)	Yes, but not displayed per header style
Primary links	Get started with Pattern Book, Mosaic documentation
Primary links display as icons only?	No
Primary links position	Left-hand side of topbar
Secondary links	YouTube
Secondary links display icons only?	Yes
Topbar background image?	Yes. Pale grey pattern

'Navigation' settings

Set main menu levels	Two levels (standard drop-down)
Style of main menu (level 1) item	Standard
Style of dropdown indicator (level 1)	Chevron
Uppercase navigation	None

Style 4

New header style 4 with primary links, a secondary icon, slimline search, wide navigation, and grey top bar background image

'Site Details' settings

Site title	The Mosaic Pattern Book
Display the site title?	On
Site subtitle	This is a new website
Display the site subtitle?	On

'Header' settings

Desktop header style	Style 4
Search bar style	Slimline
Show search placeholder text	Off
Desktop logo uploaded? (custom)	Yes. Pattern Book
Primary links	Get started with Pattern Book, Mosaic documentation
Primary links display as icons only?	No
Primary links position	Left-hand side of topbar
Secondary links	YouTube
Secondary links display icons only?	Yes
Topbar background image?	Yes. Pale grey pattern

'Navigation' settings

Set main menu levels	Three levels (wide drop-down)
Style of main menu (level 1) item	Underlined
Style of dropdown indicator (level 1)	Chevron
Uppercase navigation	None

Style 4 alternative example

New header style 4 with primary links, a secondary link icon, slim search, standard navigation, and orange top bar background image

'Site Details' settings

Site title	The Mosaic Pattern Book
Display the site title?	On
Site subtitle	This is a new website
Display the site subtitle?	On

'Header' settings

Desktop header style	Style 4
Search bar style	Slimline
Show search placeholder text	Off
Desktop logo uploaded? (custom)	Yes. Pattern Book
Primary links	Get started with Pattern Book, Mosaic documentation
Primary links display as icons only?	No
Primary links position	Right-hand side of topbar
Secondary links	YouTube
Secondary links display icons only?	Yes
Topbar background image?	Yes. Pale orange pattern

'Navigation' settings

Set main menu levels	Two levels (standard drop-down)
Style of main menu (level 1) item	Underlined
Style of dropdown indicator (level 1)	Caret
Uppercase navigation	None

Style 5

New header style 5 with primary links, a secondary link, standard search, standard navigation, and grey top bar background image

'Site Details' settings

Site title	The Mosaic Pattern Book
Display the site title?	On
Site subtitle	This is a new website
Display the site subtitle?	On

'Header' settings

Desktop header style	Style 5
Search bar style	Standard
Show search placeholder text	Off
Desktop logo uploaded? (custom)	Yes. Pattern Book
Primary links	Get started with Pattern Book, Mosaic documentation
Primary links display as icons only?	No
Primary links position	Right-hand side of topbar
Secondary links	YouTube
Secondary links display icons only?	No
Topbar background image?	Yes. Pale grey pattern

'Navigation' settings

Set main menu levels	Two levels (standard drop-down)
Style of main menu (level 1) item	Standard
Style of dropdown indicator (level 1)	Caret
Uppercase navigation	None

Style 6

New header style 6 with primary links, a secondary icon, standard search, wide navigation, and grey top bar background image

'Site Details' settings

Site title	The Mosaic Pattern Book
Display the site title?	On
Site subtitle	This is a new website
Display the site subtitle?	On

'Header' settings

Desktop header style	Style 6
Search bar style	Standard
Show search placeholder text	Off
Desktop logo uploaded? (custom)	Yes. Pattern Book
Primary links	Get started with Pattern Book, Mosaic documentation
Primary links display as icons only?	No
Primary links position	Right-hand side of topbar
Secondary links	YouTube
Secondary links display icons only?	Yes
Topbar background image?	Yes. Pale grey pattern

'Navigation' settings

Set main menu levels	Three levels (wide drop-down)
Style of main menu (level 1) item	Underlined
Style of dropdown indicator (level 1)	Caret
Uppercase navigation	None

For further information on how to manage your site's header, please see the Oxford Mosaic documentation on Headers

Mobile Header

One-level (no Oxford crest)

Short site title	Yes. Pattern Book
Mobile logo uploaded?	Yes. Pattern Book
Either Display Home icon / site logo	Yes
Or Display short site title	N/a
Mobile preview device selected	iPhone 12 Pro

Mobile header on one level with short site title, search and menu buttons and dots to indicate primary and/or secondary links present

Short site title	Yes. Pattern Book
Mobile logo uploaded?	No
Either Display Home icon / site logo	No
Or Display short site title	Yes
Mobile preview device selected	iPhone 12 Pro

Mobile header on one level with home icon, search and menu buttons and dots to indicate primary and/or secondary links present

Short site title	No
Mobile logo uploaded?	No
Either Display Home icon / site logo	Yes
Or Display short site title	N/a
Mobile preview device selected	iPhone 12 Pro

Two-level with crest

Short site title	Yes. Pattern Book
Mobile logo uploaded?	Yes. Pattern Book
Either Display Home icon / site logo	Yes
Or Display short site title	N/a
Mobile preview device selected	iPhone 12 Pro

Two-level no crest

Short site title	Yes. Pattern Book
Mobile logo uploaded?	Yes. Pattern Book
Either Display Home icon / site logo	Yes
Or Display short site title	N/a
Mobile preview device selected	iPhone 12 Pro