danish-iqbal

<p>Simple, easy yet very useful and configurable sticky header / fixed header plugin.</p>
<p>Just specify class name in options page and it gets sticky!.</p>
<h4>Available Options:</h4>
<ul>
<li>Header Class: Enter class name of your header or nav element that you want to make sticky.</li>
<li>Animate: This brings header into display with animation type that you select below, default is ‘Fade In’.</li>
<li>Animation Type: Transition style for header when it becomes sticky</li>
<li>Shadow: Header will have shadow when it becomes sticky</li>
<li>Sticky Already: Makes header sticky when page loads</li>
</ul>
<h4>Please Note</h4>
<p>Make sure your header’s z-index’s value is high enough to not get overlapped by other elements on the page.<br />
**Example: **<br />
.header-class { z-index: 9999; }</p>
<p>If you have suggestions for a new add-on, feel free to email me at danishiqbalscorpio@gmail.com</p>


Advanced Sticky Header

Easily make your site header sticky by just specifying element class name in options page.

andreysv

<p>Small but functional plugin for transforming horizontal top menu to fixed on top when scrolling. Plugin supports dynamic responsive content, dynamicly stop and restore functionality. Can hide other objects when converting, i.e. the sticked menu can look different.</p>
<p>Identification of sticked object based on CSS selector.</p>
<h4>Features</h4>
<ul>
<li>The ability to exclude objects when the menu is sticked. This makes it possible to create a different display of menus in different states.</li>
<li>In the sticked menu, you can add a logo image with a link.</li>
<li>To transform from one state to another have been created a series of animations that you can select in the settings.</li>
<li>In the settings, you can change the background color for a sticked menu, which will further distinguish its two states. Also in the settings you can specify the presence and color of a shadow for a sticked menu. This will give the site a more three-dimensional look.</li>
</ul>
<h4>Settings list</h4>
<ul>
<li><strong>CSS Selector class or id</strong> – Main field for set the identifier of class name in CSS standard. By default in themes ‘Twenty Ten’ or ‘Twenty Fourteen’ used ‘.navbar’.</li>
<li><strong>CSS Selector for hiding objects</strong> – Field for set the identifier(s) of class(es) in CSS standard for objects that need hide while menu is sticky.</li>
<li><strong>Set background color</strong> – Checkbox for activating the background color.</li>
<li><strong>Background color of sticky object</strong> – The control for selecting the background color if it is activated. </li>
<li><strong>Opacity</strong> – Opacity of the sticked menu.</li>
<li><strong>Minimum media width</strong> – Field for set media width for deactivating sticking menu in responsive themes.</li>
<li><strong>Select transition</strong> – Field for selecting transition type from the list. Now plugin support five transition: Slide, Fade, Scale, Rotate, Skew and Custom. For Custom transition plugin includes file plugins/sv-sticky-menu/css/style.css. As examples this file has some preset transitions but you can include yours own.</li>
<li><strong>Start position</strong> – Field used for Slide transition and indicated start sliding position. By default starting position is -55 pixels.</li>
<li><strong>Transition time</strong> – Field to set the time of transition. By default 0.4 second.</li>
<li><strong>Z-index of object</strong> – In several cases menu can hide benease other objects. Thet’s mean that z-index menu is to low. By default this field has value 99.</li>
<li><strong>Show shadow</strong> – Checkbox for activating the menu shadow.</li>
<li><strong>Shadow color</strong> – The control for selecting the shadow color if it is activated. </li>
<li><strong>Shadow opacity</strong> – The control for input of the shadow opacity. </li>
<li><strong>Show logo</strong> – Checkbox for activating the logo in the sticked menu.</li>
<li><strong>Logo image</strong> – The control for selecting the logo image from media library.</li>
<li><strong>Logo height</strong> – The control for set the logo image height.</li>
<li><strong>Logo URL</strong> – The control for set the logo URL.</li>
</ul>
<h4>Themes where plugin was tested</h4>
<p>The plugin has been tested with several themes:<br />
* Twenty Ten         2.3<br />
* Twenty Fourteen    2.0<br />
* Storefront         2.2.3<br />
* Bluestreet         1.2.2<br />
* Rara Academic      1.0.8<br />
* Bakes And Cakes    1.1.1<br />
* Wallstreet         1.7.7.4</p>
<h4>Tested on</h4>
<ul>
<li>PC Chrome</li>
<li>PC Firefox</li>
<li>PC Opera</li>
<li>PC IE11</li>
</ul>


SV Sticky Menu

SV Sticky Menu is WordPress\'s plugin that create sticky menu on top of page. Plugin helps easy and quickly set menu as sticky with transition.

Advanced Sticky Header vs SV Sticky Menu