Fixed Header

This page has top menu bar Header.

To achieve this header layout:

  • On Header > Row, select 2-column layout
  • Drop in Site Logo module on the left column
  • Drop in Menu module on the right column
  • Then style the row background and link color in Row > Styling

To achieve the fixed-header:

  • In Template Options, add ‘fixed-header’ Custom CSS Class (this will add the class in <body> tag)
  • Then paste in the following Custom CSS:

/* fixed header */
.fixed-header {
	padding-top: 100px;
}
.fixed-header #headerwrap {
	position: fixed;
	z-index: 1;
	width: 100%;
	top: 0;
	left: 0;
}
.fixed-header.admin-bar #headerwrap {
	top: 32px;
}