Awesome Sticky Header by DevCanyon

Àpèjúwe

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Ìtumọ̀ Yorùbá: ’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 Ìtumọ̀ Yorùbá: – when will your sticky header show, after how many pixels scrolled down
• Header width Ìtumọ̀ Yorùbá: – inner content (container) width, so your header stretches 100% of the browser window width, but logo and menus match your websiteÌtumọ̀ Yorùbá: ’s content
• Full width stretch Ìtumọ̀ Yorùbá: – whether or not your header stretches 100% of the browser window width
• Header position Ìtumọ̀ Yorùbá: – your header can also be placed left/right if your theme hasnÌtumọ̀ Yorùbá: ’t content middle oriented, just like Twenty Fourteen theme
• Show description Ìtumọ̀ Yorùbá: – show/hide site description (tagline)
• Sticky animation Ìtumọ̀ Yorùbá: – slide sticky header from top or appear without sliding animation
• Hover transition Ìtumọ̀ Yorùbá: – 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 Ìtumọ̀ Yorùbá: – if you have created at least one menu under Appearance -> Menus, you can choose which menu will go to sticky header
• Menu depth Ìtumọ̀ Yorùbá: – three levels of navigation for sub-menu
• Logo image upload Ìtumọ̀ Yorùbá: – upload image to be used as your logo
• Choose your logo type Ìtumọ̀ Yorùbá: – logo can also be text link; if itÌtumọ̀ Yorùbá: ’s image, you can set max. width for it
• Menu padding (top/bottom) Ìtumọ̀ Yorùbá: – decide how big is your sticky header by putting padding on top/bottom for main menu items
• Logo padding (top/bottom) Ìtumọ̀ Yorùbá: – same as above but top/bottom extra space for logo/description
• Menu position Ìtumọ̀ Yorùbá: – you can have menu centered; this way logo is centered too, above menu
• Menu items padding (left/right) Ìtumọ̀ Yorùbá: – left/right distance of menu items Ìtumọ̀ Yorùbá: – donÌtumọ̀ Yorùbá: ’t put them too close! 😉
• Background image URL Ìtumọ̀ Yorùbá: – choose background image for your sticky header and/or set repeat pattern (e.g. repeat-x)
• Background color Ìtumọ̀ Yorùbá: – choose background solid color
• Site title color Ìtumọ̀ Yorùbá: – color of your logo if itÌtumọ̀ Yorùbá: ’s set as text type instead of image
• Site description color Ìtumọ̀ Yorùbá: – color for your description text under logo (if enabled in general settings)
• Menu color Ìtumọ̀ Yorùbá: – color for menu items
• Site title font size Ìtumọ̀ Yorùbá: – font size for your site title if itÌtumọ̀ Yorùbá: ’s set as text type instead of image
• Site description font size Ìtumọ̀ Yorùbá: – font size for your description text under logo (if enabled in general settings)
• Menu font size Ìtumọ̀ Yorùbá: – font-size for menu items/sub-menu
• Menu item hover background color Ìtumọ̀ Yorùbá: – main menu itemÌtumọ̀ Yorùbá: ’s background color on hover effect
• Top border Ìtumọ̀ Yorùbá: – top border color of sticky header; you can set width in pixels for it
• Bottom border Ìtumọ̀ Yorùbá: – bottom border color of sticky header; you can set width in pixels for it
• Hamburger icon color Ìtumọ̀ Yorùbá: – this plugin has ability to hide your menu on small screens and show this icon Ìtumọ̀ Yorùbá: – set color for it; when itÌtumọ̀ Yorùbá: ’s clicked, menu is shown as drop-down
• Hide menu if narrower than Ìtumọ̀ Yorùbá: – decide at which screen width your menu hides (becomes responsive)
• Include search box Ìtumọ̀ Yorùbá: – at the end of menu you can have search icon which expands search form on hover
• Include secondary menu Ìtumọ̀ Yorùbá: – true or false; secondary menu is additional menu which is seen as last menu item, which on hover displays one more menu (and can show more, which is doable through filters)
• Choose secondary menu Ìtumọ̀ Yorùbá: – which menu goes as secondary
• Sub-menu background color Ìtumọ̀ Yorùbá: – background color for the whole sub-menu
• Sub-menu item hover background color Ìtumọ̀ Yorùbá: – hover color effect for sub-menu items
• Sub-menu orientation Ìtumọ̀ Yorùbá: – your sub-menu items can expand to left side too!

Custom CSS

Add your own styles, such as margins, paddings, borders, etc.
This is NOT custom CSS for the whole website, only for sticky header.

Extras

Some more featues will go in here!

• Transparency level Ìtumọ̀ Yorùbá: – background transparency for sticky header (value range is from 0 to 100); works only when solid background color is set as background color
• Sub-menu transparency level Ìtumọ̀ Yorùbá: – background transparency for sub-menu (value range is from 0 to 100)

Filters

If you are awesome developer, there is plenty of space to extend sticky headerÌtumọ̀ Yorùbá: ’s content:

• asmh_middle_before Ìtumọ̀ Yorùbá: – filter for content before sticky headerÌtumọ̀ Yorùbá: ’s content
• asmh_middle_after Ìtumọ̀ Yorùbá: – after sticky headerÌtumọ̀ Yorùbá: ’s content
• asmh_nav_menu_item Ìtumọ̀ Yorùbá: – single menu item
• asmh_middle_header Ìtumọ̀ Yorùbá: – filter whole headerÌtumọ̀ Yorùbá: ’s content
• asmh_middle Ìtumọ̀ Yorùbá: – filter header containerÌtumọ̀ Yorùbá: ’s content
• asmh_middle_menu_before Ìtumọ̀ Yorùbá: – before main menu
• asmh_middle_menu_after Ìtumọ̀ Yorùbá: – after main menu
• asmh_middle_menu Ìtumọ̀ Yorùbá: – replace menu with something else Ìtumọ̀ Yorùbá: – whole menu filter
• asmh_before_brand Ìtumọ̀ Yorùbá: – add content before logo & tagline area
• asmh_after_brand Ìtumọ̀ Yorùbá: – after logo & tagline area
• asmh_nav_collapse Ìtumọ̀ Yorùbá: – hamburger icon filter Ìtumọ̀ Yorùbá: – use your custom button for expanding responsive menu
• asmh_brand Ìtumọ̀ Yorùbá: – filter logo (site title text or image)
• asmh_tagline Ìtumọ̀ Yorùbá: – filter site description
• asmh_secondary_menu_before Ìtumọ̀ Yorùbá: – for secondary menu add content before secondary menu
• asmh_secondary_menu Ìtumọ̀ Yorùbá: – filter for secondary menu
• asmh_secondary_menu_after Ìtumọ̀ Yorùbá: – add content after secondary menu