Sticky Header

Sticky Header is the highest navigation bar that continues to be on the prime of the web page even when a consumer scrolls the web page.
This makes navigating to different elements of the location straightforward.

The principle functionnality of the Sticky Header is managed by the CSS, javascript is used to
present or disguise the header. That implies that if javascript is disabled, it can work advantageous in all browsers.

It additionally makes use of some CSS3 options like rounded corners or textual content shadow, and people results gained’t apply on older browsers
, however this doesn’t have an effect on the functionnality.

Watch video preview.

Replace 5/16/2011 – Model 1.1

Added extra colours
Added decrease possibility
Added skill to hover or click on the menu

Options

	FULL CSS CUSTOMIZATION Totally customise your Sticky Header to match your web site’s design. Customise your themes with CSS in the primary file.
	AVAILABLE IN 6 COLORS Sticky Header comes with 6 default colours. You can even create your individual shade scheme by enhancing the CSS file.
	MEGA MENU Sticky Header assist mega drop down menu. You possibly can create as much as 12 columns menu based mostly on the 960 grid system.
	DROP DOWN MENU You can even add multi-level dropdown menu to your Sticky Header.
	COLLAPSIBLE CONTROL You possibly can decrease or maximize the Sticky Header with the built-in management.
	CROSS-BROWSER COMPATIBLE We have now examined Sticky Header to make sure it’s suitable with the all fashionable net browsers like Firefox, Web Explorer, Safari, Chrome, and Opera.
	HOVER / CLICK You possibly can select the right way to open the menu, by utilizing mouse hover or click on.
	PROGRESSIVE ENHANCEMENT It degrades gracefully with out JavaScript. The Sticky Header will work advantageous in all browsers if JavaScript is disabled.
	HELP DOCUMENTATION We have now created the finished assist doc that may make it straightforward to implement and customise the Sticky Header.