{"id":788,"date":"2016-12-07T13:34:39","date_gmt":"2016-12-07T13:34:39","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=788"},"modified":"2017-05-17T11:37:17","modified_gmt":"2017-05-17T11:37:17","slug":"header-syle-10-options","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/header-syle-10-options","title":{"rendered":"Header syle 10 options"},"content":{"rendered":"<p>Opaque header style with hamburger menu icon, Primary Navigation menu and social icons sliding horizontally on click.<\/p>\n<p>You can see the example <a href=\"http:\/\/nativewptheme.net\/home\/tenth-header-example\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/p>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1035 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-10.jpg\" alt=\"header-style-10\" width=\"978\" height=\"656\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-10.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-10-300x201.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-10-768x515.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Header animation<\/strong> \u2013 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<li><strong>Menu icons<\/strong> \u2013 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.<\/li>\n<\/ul>\n<h5>Header color settings<\/h5>\n<ul>\n<li><strong>Header background color<\/strong> \u2013 select the background color for the header main section.<\/li>\n<li><strong>Header border color<\/strong> \u2013 choose the border color for the header.<\/li>\n<li><strong>Header text color<\/strong> \u2013 set the text color for the elements set in the\u00a0header.<\/li>\n<\/ul>\n<h5>Header style 10 custom logos<\/h5>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1036 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-10-logos.jpg\" alt=\"header-style-10-logos\" width=\"978\" height=\"420\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-10-logos.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-10-logos-300x129.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-style-10-logos-768x330.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Header logotype image<\/strong> \u2013 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> \u2013 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 10 \u00a0banner settings<\/h5>\n<ul>\n<li><strong>Banner<\/strong> \u2013 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> \u2013 add the custom image link or upload it from the media library for the\u00a0banner image.<\/li>\n<li><strong>Banner URL<\/strong> \u2013 set the custom link for the banner image.<\/li>\n<li><strong>Header content alignment<\/strong> \u2013 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>Opaque header style with hamburger menu icon, Primary Navigation menu and social icons sliding horizontally on click. You can see the example here. Header animation \u2013 switch it to Enable<\/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\/788"}],"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=788"}],"version-history":[{"count":7,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/788\/revisions"}],"predecessor-version":[{"id":12787,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/788\/revisions\/12787"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}