Title: Awesome Sticky Header by DevCanyon
Author: Marko Jakic
Published: <strong>جولائی 14, 2015</strong>
Last modified: نومبر 1, 2015

---

پلگ انز تلاش کریں

![](https://ps.w.org/awesome-sticky-header/assets/banner-772x250.png?rev=1214832)

یہ پلگ ان **ورڈپریس کے تازہ ترین 3 ریلیزوں کے ساتھ ٹیسٹ نہیں کیا گیا ہے**۔ اب یہ
برقرار نہیں رکھا جا سکتا یا معاونت نہیں کی جا سکتی اور اس کو ورڈپریس کے تازہ ترین
ورژنز کے ساتھ استعمال کیے جانے پر مطابقت کے مسائل ہو سکتے ہیں۔

![](https://ps.w.org/awesome-sticky-header/assets/icon-256x256.png?rev=1214840)

# Awesome Sticky Header by DevCanyon

 منجانب [Marko Jakic](https://profiles.wordpress.org/markzero/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/awesome-sticky-header.1.0.4.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/awesome-sticky-header/#description)
 * [جائزے](https://ur.wordpress.org/plugins/awesome-sticky-header/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/awesome-sticky-header/#installation)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/awesome-sticky-header/#developers)

 [معاونت](https://wordpress.org/support/plugin/awesome-sticky-header/)

## تفصیل

For **support requests** please use our [dedicated support forums](http://awesomeheader.com/support/).

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](http://codecanyon.net/item/awesome-header/11358372)
called [Awesome Header](http://awesomeheader.com/) or go to [Playground](http://awesomeheader.com/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! 😉
 * **Background image URL** – choose background image for your sticky header and/
   or set repeat pattern (e.g. repeat-x)
 * **Background color** – choose background solid color
 * **Site title color** – color of your logo if it’s set as text type instead of
   image
 * **Site description color** – color for your description text under logo (if enabled
   in general settings)
 * **Menu color** – color for menu items
 * **Site title font size** – font size for your site title if it’s set as text 
   type instead of image
 * **Site description font size** – font size for your description text under logo(
   if enabled in general settings)
 * **Menu font size** – font-size for menu items/sub-menu
 * **Menu item hover background color** – main menu item’s background color on hover
   effect
 * **Top border** – top border color of sticky header; you can set width in pixels
   for it
 * **Bottom border** – bottom border color of sticky header; you can set width in
   pixels for it
 * **Hamburger icon color** – this plugin has ability to hide your menu on small
   screens and show this icon – set color for it; when it’s clicked, menu is shown
   as drop-down
 * **Hide menu if narrower than** – decide at which screen width your menu hides(
   becomes responsive)
 * **Include search box** – at the end of menu you can have search icon which expands
   search form on hover
 * **Include secondary menu** – 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** – which menu goes as secondary
 * **Sub-menu background color** – background color for the whole sub-menu
 * **Sub-menu item hover background color** – hover color effect for sub-menu items
 * **Sub-menu orientation** – 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** – 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** – 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’s
content:

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

## اسکرین شاٹس

 * [[
 * Header look after plugin activation, under Appearance -> Awesome Header
 * [[
 * All the options for your sticky header
 * [[
 * Custom CSS for sticky header only
 * [[
 * Playing with transparency and bottom border width & color

## انسٹالیشن

 1. Download the plugin from this page and extract it
 2. Copy the extracted awesome-sticky-header directory to \”/wp-content/plugins/\” 
    directory
 3. Activate the plugin through the \”Plugins\” menu in WordPress dashboard
 4. Done! You can visit your website and start scrolling to see sticky header in action;
    Setup your sticky header from Appearance > Awesome Header

## عمومی سوالات

  Where can I find settings?

In WordPress admin area, under Appearance -> Awesome Header.

  Which PHP version do I need?

At least 5.4.

  Is this plugin available as Composer package?

Yes, you can find this plugin at [GitHub](http://github.com/markzero/awesome-sticky-header).

You can also raise issues for possible improvements/ideas there.

## جائزے

![](https://secure.gravatar.com/avatar/46efbb3a6a05fd59e14104d29da347a25227d836fe4a87d178f2f894ceb22885?
s=60&d=retro&r=g)

### 󠀁[Php error](https://wordpress.org/support/topic/php-error-340/)󠁿

 [Toxic](https://profiles.wordpress.org/avk-1/) اگست 22, 2019

After activated on WP 5.2 site this plugin call php error and crash site.

![](https://secure.gravatar.com/avatar/379aa026293c6eedbf9ce602b954a02ce0ee77289cb9162b95b1c174df1957b2?
s=60&d=retro&r=g)

### 󠀁[Pěkné, moderní řešení 🙂](https://wordpress.org/support/topic/pekne-moderni-reseni/)󠁿

 [jitkafi](https://profiles.wordpress.org/jitkafi/) ستمبر 9, 2016

Velmi dobré řešení.

![](https://secure.gravatar.com/avatar/85e2e860f38be58a7fb0097e939715918a3932462a303dddcc5fdf368ce5c679?
s=60&d=retro&r=g)

### 󠀁[Settings menu doesn't appear](https://wordpress.org/support/topic/settings-menu-doesnt-appear-1/)󠁿

 [kmc212](https://profiles.wordpress.org/kmc212/) ستمبر 3, 2016 1 reply

Settings menu doesn’t appear

![](https://secure.gravatar.com/avatar/f778b90272137e0cc0afad21d13bd7c883a2c0b43b476991dee33d1b6a8d8b02?
s=60&d=retro&r=g)

### 󠀁[Active Hover Color](https://wordpress.org/support/topic/active-hover-color-1/)󠁿

 [JeffreySummers](https://profiles.wordpress.org/jeffreysummers/) ستمبر 3, 2016 
1 reply

Works great. Had one small issues that was resolved fast. Other than that, it worked
great with my theme right out of the box. Great work!

![](https://secure.gravatar.com/avatar/6ee15e406c5ca80662e7dca42b79990042c56e5c3ee144bd7cf73fd213470520?
s=60&d=retro&r=g)

### 󠀁[Free version easy and useful](https://wordpress.org/support/topic/free-version-easy-and-useful/)󠁿

 [paddocknews](https://profiles.wordpress.org/paddocknews/) ستمبر 3, 2016 1 reply

Quikly installation and easy customization with many options even in free version

![](https://secure.gravatar.com/avatar/1309e6d39586237cf69792083a38925c649e04ada186c5aaa8dd5295c24bf530?
s=60&d=retro&r=g)

### 󠀁[Extremely Versatile, Practical, Lightweight – good support!](https://wordpress.org/support/topic/extremely-versatile-practical-lightweight-good-support/)󠁿

 [nboot8](https://profiles.wordpress.org/nboot8/) ستمبر 3, 2016 1 reply

Used the free version for a while and recently upgraded to the paid version. This
plug-in is very versatile and the author provides quick support for comments/questions/
fixes. After trying several other similar products, I’m glad to have found this 
one…

 [ تمام 8 جائزے پڑھیں ](https://wordpress.org/support/plugin/awesome-sticky-header/reviews/)

## شراکت دار اور ڈیویلپرز

“Awesome Sticky Header by DevCanyon” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے
اس پلگ ان میں حصہ لیا:

شراکت دار

 *   [ Marko Jakic ](https://profiles.wordpress.org/markzero/)
 *   [ Dragan Nikolic ](https://profiles.wordpress.org/nikolicdragan/)

[“Awesome Sticky Header by DevCanyon” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/awesome-sticky-header)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/awesome-sticky-header/)،
[ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/awesome-sticky-header/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/awesome-sticky-header/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/awesome-sticky-header/?limit=100&mode=stop_on_copy&format=rss)۔

## چینج لاگ

#### 1.0.4

 * Added top margin for sticky header

#### 1.0.3

 * Added option to hide header before provided screen size

#### 1.0.2

 * Fix hover color on secondary menu item
 * Fix secondary menu paddings

#### 1.0.1

 * Add hover/active menu link color

#### 1.0.0

 * Initial release.

## میٹا

 *  Version **1.0.4**
 *  Last updated **10 سال پہلے**
 *  Active installations **200+**
 *  WordPress version ** 4.2.2 یا اس سے جدید **
 *  Tested up to **4.3.34**
 *  Language
 * [English (US)](https://wordpress.org/plugins/awesome-sticky-header/)
 * Tags
 * [header](https://ur.wordpress.org/plugins/tags/header/)[sticky header](https://ur.wordpress.org/plugins/tags/sticky-header/)
   [sticky menu](https://ur.wordpress.org/plugins/tags/sticky-menu/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/awesome-sticky-header/advanced/)

## درجہ بندیاں

 3.6 out of 5 stars.

 *  [  5 5-star reviews     ](https://wordpress.org/support/plugin/awesome-sticky-header/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/awesome-sticky-header/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/awesome-sticky-header/reviews/?filter=3)
 *  [  1 2-star review     ](https://wordpress.org/support/plugin/awesome-sticky-header/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/awesome-sticky-header/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/awesome-sticky-header/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/awesome-sticky-header/reviews/)

## شراکت دار

 *   [ Marko Jakic ](https://profiles.wordpress.org/markzero/)
 *   [ Dragan Nikolic ](https://profiles.wordpress.org/nikolicdragan/)

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/awesome-sticky-header/)