Awesome Sticky Header by DevCanyon
For support requests please use our dedicated support forums.
Get maximum control over your sticky header. Set your menu, submenus, secondary menu, search, your colors, backgrounds or transparency, your logo and much more!
Live preview of your settings changes in plugin’s page in admin area. After you change menu position, link colors, backgrounds, you can see it immediately how will it look on your website.
If you need the whole header replacement including the sticky header, with Top and Bottom header parts and more menus and breadcrumbs, you can buy PRO version called Awesome Header or go to Playground to check out demos of what common features it offers.
Settings
Awesome Sticky Header by DevCanyon has long list of settings you can use to make your sticky header look the way you want.
General
These are general settings for your sticky header.
- Sticky scroll position – when will your sticky header show, after how many pixels scrolled down
- Header width – inner content (container) width, so your header stretches 100% of the browser window width, but logo and menus match your website’s content
- Full width stretch – whether or not your header stretches 100% of the browser window width
- Header position – your header can also be placed left/right if your theme hasn’t content middle oriented, just like Twenty Fourteen theme
- Show description – show/hide site description (tagline)
- Sticky animation – slide sticky header from top or appear without sliding animation
- Hover transition – transition effect for link hover colors or backgrounds
In Appearance -> Menus if your menu item has description, it will be whown in sticky header too.
Header
Detailed settings for main navigation, sub-menus, logo, tagline, etc.
- Choose menu – if you have created at least one menu under Appearance -> Menus, you can choose which menu will go to sticky header
- Menu depth – three levels of navigation for sub-menu
- Logo image upload – upload image to be used as your logo
- Choose your logo type – logo can also be text link; if it’s image, you can set max. width for it
- Menu padding (top/bottom) – decide how big is your sticky header by putting padding on top/bottom for main menu items
- Logo padding (top/bottom) – same as above but top/bottom extra space for logo/description
- Menu position – you can have menu centered; this way logo is centered too, above menu
- Menu items padding (left/right) – left/right distance of menu items – don’t put them too close!
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.