{"id":722,"date":"2016-12-07T09:18:27","date_gmt":"2016-12-07T09:18:27","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=722"},"modified":"2017-05-17T11:36:08","modified_gmt":"2017-05-17T11:36:08","slug":"header-style-3-options","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/header-style-3-options","title":{"rendered":"Header style 3 options"},"content":{"rendered":"<p>Create stylish multi-purpose header style for your site with Left and Right Navigation menu, centered logo and opaque background.<\/p>\n<p>You can see the example <a href=\"http:\/\/nativewptheme.net\/home\/third-header-example\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-725 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Header-style-3-options.jpg\" alt=\"header-style-3-options\" width=\"978\" height=\"696\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Header-style-3-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Header-style-3-options-300x213.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Header-style-3-options-768x547.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Header animation<\/strong> &#8211; switch it to <strong>Enable<\/strong> if you want to have the header animation on scroll (the main header will hide on scroll).<\/li>\n<\/ul>\n<h5 class=\"description\">Top panel content elements<\/h5>\n<ul>\n<li><strong>Header top panel<\/strong> &#8211; allows you to enable or disable the header top panel where the contact information, the\u00a0login\u00a0form and social icons are located.\n<ul>\n<li><strong>Login form<\/strong> &#8211; switch it to <strong>Enable<\/strong> in order to have the login form in the top panel.<\/li>\n<li><strong>Social icons<\/strong> &#8211;\u00a0<span class=\"webkit-html-attribute-value\">allows you to enable or disable the social icons in the top panel. The social icons can be set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Social accounts<\/del>\u00a0<del>Social networks<\/del> section.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Top panel color settings<\/h5>\n<ul>\n<li><strong>Background color<\/strong> &#8211; select the background color for the header top panel.<\/li>\n<li><strong>Text color<\/strong> &#8211;\u00a0set the text color for the header top panel.<\/li>\n<\/ul>\n<h5 class=\"description\">Main section content elements<\/h5>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-750 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/main-section-content-elements-new.jpg\" alt=\"main-section-content-elements-new\" width=\"978\" height=\"686\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/main-section-content-elements-new.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/main-section-content-elements-new-300x210.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/main-section-content-elements-new-768x539.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Search form in header<\/strong> &#8211; switch it to <strong>Enable<\/strong> to display search form in the\u00a0header.<\/li>\n<li><strong>Language switcher in header<\/strong> &#8211; allows you to enable or disable the language switcher in the\u00a0header.<\/li>\n<li><strong>Shopping cart button in header<\/strong> &#8211;\u00a0allows you to enable or disable the cart button in the\u00a0header.\u00a0<strong>Woocommerce<\/strong> plugin is required to be installed and activated.<\/li>\n<li><strong>Wishlist button<\/strong> &#8211; enable or disable the Wishlist button header. Note, this option is available if <strong>YITH WooCommerce Wishlist<\/strong> plugin is installed and activated.<\/li>\n<li><strong>Menu icons<\/strong> &#8211; switch it to <strong>Enable<\/strong> to display icons in primary navigation. Make sure that icons are set for the top level navigation menu items in <del class=\"support-arrow-right\">Appearance<\/del> <del>Menus<\/del> section.<br \/>\n<h5 class=\"description\">Main section color settings<\/h5>\n<\/li>\n<li><strong>Header background color<\/strong> &#8211; select the background color for the header main section.<\/li>\n<li><strong>Header border color<\/strong> &#8211; choose the border color for the header.<\/li>\n<li><strong>Header text color<\/strong> &#8211; set the text color for the elements set in the\u00a0header.<\/li>\n<\/ul>\n<h5 class=\"description\">Header style 3\u00a0custom logos<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-726 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-3-custom-logos.jpg\" alt=\"header-style-3-custom-logos\" width=\"978\" height=\"404\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-3-custom-logos.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-3-custom-logos-300x124.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-3-custom-logos-768x317.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Header logotype image<\/strong> &#8211; select the image from the media library which will be set as logotype image for the current header style.<\/li>\n<li><strong>Header logotype image for retina<\/strong> &#8211; upload the image from the media library which will be set as logotype image for retina for the current header style.<\/li>\n<\/ul>\n<h5>Header style 3 banner settings<\/h5>\n<ul>\n<li><strong>Banner<\/strong> &#8211; set it to <strong>Enable<\/strong> if you want to add the banner image with the custom link which will be set above the header.\n<ul>\n<li><strong>Banner image URL<\/strong> &#8211; add the custom image link or upload it from the media library for the\u00a0banner image.<\/li>\n<li><strong>Banner URL<\/strong> &#8211; set the custom link for the banner image.<\/li>\n<li><strong>Header content alignment<\/strong> &#8211; select the\u00a0horizontal alignment for the header content. <strong>Right<\/strong>, <strong>left<\/strong> and <strong>center<\/strong> alignment positions are available.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Create stylish multi-purpose header style for your site with Left and Right Navigation menu, centered logo and opaque background. You can see the example here. Header animation &#8211; switch it<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/722"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":6,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/722\/revisions"}],"predecessor-version":[{"id":12779,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/722\/revisions\/12779"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}