![\"\"](\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-10.png\")
<\/p>\n
- \n
- Header animation<\/strong> \u2013 switch it to Enable<\/strong> if you want to have the header animation on scroll (the main header will hide on scroll).<\/li>\n<\/ul>\n
Top panel settings<\/h5>\n
- \n
- Header top panel<\/strong>\u00a0\u2013 allows you to enable or disable the header top panel where the contact information, the\u00a0login\u00a0form and social icons are located.\n
- \n
- \u00a0Login form<\/strong>\u00a0\u2013 switch it to\u00a0Enable<\/strong>\u00a0in order to have the login form in the top panel.<\/li>\n
- Wishlist button<\/strong>\u00a0\u2013 enable or disable the Wishlist button header. Note, this option is available if\u00a0YITH WooCommerce Wishlist<\/strong>\u00a0plugin is installed and activated.<\/li>\n
- Social icons<\/strong>\u00a0\u2013\u00a0allows you to enable or disable the social icons in the top panel. The social icons can be set in\u00a0
Theme options<\/del>Social accounts<\/del>\u00a0Social networks<\/del>\u00a0section.<\/span><\/li>\n- Header Social\u00a0<\/strong>icons<\/strong>\u00a0hover style<\/strong>\u00a0\u2013 select the hover style for the social icons in the top panel.<\/li>\n<\/ul>\n<\/li>\n
- Logo alignment<\/strong> -select the alignment for the Logo. Two options are available: left<\/strong> and right<\/strong>.<\/li>\n
- Top panel background color<\/strong> –\u00a0\u00a0select the background color for the header top panel.<\/li>\n
- Top panel background opacity<\/strong> –\u00a0set the opacity for the top panel background, where 0 \u2013 is transparent and 100 \u2013 opaque.<\/li>\n
- Top panel text color<\/strong> –\u00a0\u00a0set the text color for the header top panel.<\/li>\n<\/ul>\n
Middle section settings<\/h5>\n
![\"\"](\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-10.-middle.png\")
<\/p>\n- \n
- Middle panel item<\/strong>\u00a0\u2013 select the item shown in middle panel. Two options are available:\u00a0menu<\/strong>\u00a0or\u00a0banner<\/strong>.\n
- \n
- Menu<\/strong>\u00a0\u2013 \u00a0assign the menu to be displayed in the middle section in\u00a0
Appearance<\/del>\u00a0Menus<\/del>\u00a0Manage Locations<\/del>Additional header navigation<\/del>.<\/li>\n- Banner image<\/strong>\u00a0\u2013\u00a0upload the image from the media library to be displayed in the middle section of header.<\/li>\n
- Banner URL<\/strong>\u00a0\u2013 add the link to be applied to the banner image.<\/li>\n
- Banner height<\/strong>\u00a0\u2013 set the height for the banner. max height is 300px.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Main section settings<\/h5>\n
![\"\"](\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-10-main.png\")
<\/p>\n- \n
- Primary navigation alignment<\/strong> –\u00a0set the horizontal alignment for the primary navigation. Left<\/strong>, right<\/strong> and center<\/strong> positions are available.<\/li>\n
- Header buttons and links<\/strong>\u00a0\u2013 set it to\u00a0Enable<\/strong>\u00a0to display the WooCommerce cart icon, language switcher, search icon and side area icons in the header.<\/li>\n
- Search form in header<\/strong>\u00a0\u2013 switch it to\u00a0Enable<\/strong>\u00a0to display search form in the\u00a0header.<\/li>\n
- Header background color<\/strong>\u00a0\u2013 select the background color for the header main section.<\/li>\n
- Header background opacity<\/strong>\u00a0\u2013 set the opacity for the header background, where 0 \u2013 is transparent and 100 \u2013 opaque.<\/li>\n
- Header text color<\/strong>\u00a0\u2013 set the text color for the elements set in the\u00a0header.<\/li>\n
- Center align stunning header title from the bottom of the menu<\/strong>\u00a0\u2013 set it to\u00a0Enable<\/strong>\u00a0to add extra space beneath the header and shift the Stunning header down for the header height.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Customizable header style with middle panel, Primary Navigation menu and transparent background. You can see the example here. Header animation \u2013 switch it to Enable if you want to have<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[14,19,41],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/788"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=788"}],"version-history":[{"count":14,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/788\/revisions"}],"predecessor-version":[{"id":15622,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/788\/revisions\/15622"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Header buttons and links<\/strong>\u00a0\u2013 set it to\u00a0Enable<\/strong>\u00a0to display the WooCommerce cart icon, language switcher, search icon and side area icons in the header.<\/li>\n
- Banner image<\/strong>\u00a0\u2013\u00a0upload the image from the media library to be displayed in the middle section of header.<\/li>\n
- Menu<\/strong>\u00a0\u2013 \u00a0assign the menu to be displayed in the middle section in\u00a0
- Wishlist button<\/strong>\u00a0\u2013 enable or disable the Wishlist button header. Note, this option is available if\u00a0YITH WooCommerce Wishlist<\/strong>\u00a0plugin is installed and activated.<\/li>\n
- \u00a0Login form<\/strong>\u00a0\u2013 switch it to\u00a0Enable<\/strong>\u00a0in order to have the login form in the top panel.<\/li>\n
- Header top panel<\/strong>\u00a0\u2013 allows you to enable or disable the header top panel where the contact information, the\u00a0login\u00a0form and social icons are located.\n