{"id":729,"date":"2016-12-07T09:39:40","date_gmt":"2016-12-07T09:39:40","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=729"},"modified":"2017-05-17T11:36:14","modified_gmt":"2017-05-17T11:36:14","slug":"header-style-4-options","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/header-style-4-options","title":{"rendered":"Header style 4 options"},"content":{"rendered":"<p>Versatile header style with Left and Right Navigation menu, centered logo and transparent background available for your pages.<\/p>\n<p>You may find the example of header style 4 <a href=\"http:\/\/nativewptheme.net\/home\/fourth-header-example\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-730 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-4-options.jpg\" alt=\"header-style-4-options\" width=\"978\" height=\"696\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-4-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-4-options-300x213.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-4-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 4 custom logos<\/h5>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-731 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-4-custom-logos.jpg\" alt=\"header-style-4-custom-logos\" width=\"978\" height=\"415\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-4-custom-logos.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-4-custom-logos-300x127.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-4-custom-logos-768x326.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/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 4\u00a0banner 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>Versatile header style with Left and Right Navigation menu, centered logo and transparent background available for your pages. You may find the example of header style 4 here. Header animation<\/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:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/729"}],"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=729"}],"version-history":[{"count":5,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/729\/revisions"}],"predecessor-version":[{"id":12780,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/729\/revisions\/12780"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}