Skip to main content

1. Navigations


Navigation 1: Multi Level Menu With Hover

 

  • On hover, dropdowns can go 3 tiers down
  • Site title will display directly above or below this navigation
  • Home can either be the word home, home icon, or a favicon
  • Rollover color that matches the dropdown background
  • Can be sticky (navigation will stick to the top of screen regardless of scroll)
  • Can work within a contained content area or extend uncontained (meets edges of browser)


    Navigation 1

 


 

Navigation 2: Extended Navigation

 

  • Site title can be an image and still be ADA compliant
  • Up to 4 quick links used as a secondary navigation
  • Translate placed at top of the site
  • Home can either be the word home, home icon, or a favicon
  • On hover, dropdowns can go 3 tiers down
  • Allows a rollover color that matches the dropdown background
  • Can work within a contained content area or extend uncontained (meets edges of the browser)


    left aligned

 


 

 

Navigation 3: Extended Navigation Center Logo

 

  • Site title can be an image and still be ADA compliant
  • Up to 4 quick links used as a secondary navigation
  • Translate placed at top of the site
  • Home can either be the word home, home icon, or a favicon
  • On hover, dropdowns can go 3 tiers down
  • Allows a rollover color that matches the dropdown background
  • Can work within a contained content area or extend uncontained (meets edges of the browser)


    center logo

 


 

Navigation 4: Extended Navigation Right Aligned

 

  • Site title can be an image and still be ADA compliant
  • Up to 4 quick links used as a secondary navigation
  • Translate placed at top of the site
  • Home can either be the word home, home icon, or a favicon
  • On hover, dropdowns can go 3 tiers down
  • Allows a rollover color that matches the dropdown background
  • Can work within a contained content area or extend uncontained (meets edges of the browser)


    right aligned

 


 

Navigation 5: Mini Extended Navigation Left Logo

 

  • Site title can be an image and still be ADA compliant
  • Up to 4 quick links used as a secondary navigation
  • Translate placed at top of the site
  • Home can either be the word home, home icon, or a favicon
  • On hover, dropdowns can go 3 tiers down
  • Allows a rollover color that matches the dropdown background
  • Can work within a contained content area or extend uncontained (meets edges of the browser)


    mini nav left logo

 


 

Navigation 6: Mini Extended Navigation Right Logo

 

  • Site title can be an image and still be ADA compliant
  • Up to 4 quick links used as a secondary navigation
  • Translate placed at top of the site
  • Home can either be the word home, home icon, or a favicon
  • On hover, dropdowns can go 3 tiers down
  • Allows a rollover color that matches the dropdown background
  • Can work within a contained content area or extend uncontained (meets edges of the browser)


    mini nav left logo

 


Navigation 7: Mega Menu

 

  • Background can be a solid color or gradient
  • Can go down 4 tiers on sub menu
  • Allows symbols next to links
  • Can work contained or uncontained (meets edges of browser)


    Mega Menu