{"id":12493,"date":"2017-04-07T08:20:19","date_gmt":"2017-04-07T08:20:19","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=12493"},"modified":"2017-04-07T08:23:57","modified_gmt":"2017-04-07T08:23:57","slug":"custom-header-options","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/custom-header-options","title":{"rendered":"Custom Header Options"},"content":{"rendered":"<p>In this section, you&#8217;ll be able to customize the custom header for your the site.<\/p>\n<h3>Custom header options<\/h3>\n<h4>Create unique displaying of custom header for your site using this options section.<\/h4>\n<p>Custom header is the area with the\u00a0page title, subtitle and breadcrumbs in it. Custom header is\u00a0located in the top header section of the page.<\/p>\n<p>These settings can be overwritten with the ones made in each post type editor <del>Custom header options<\/del> section.<\/p>\n<h5 class=\"description\">Custom header main options<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-676 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-main-options.jpg\" alt=\"custom-header-main-options\" width=\"978\" height=\"341\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-main-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-main-options-300x105.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-main-options-768x268.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Custom header<\/strong> &#8211; switch it to <strong>Enable<\/strong> if you want to have Custom header on your site.<\/li>\n<li><strong>Full window height<\/strong> &#8211; set it to <strong>Enable<\/strong> to have the custom header set to full height.<\/li>\n<li><strong>Custom header min height<\/strong> &#8211; set the minimum height for the custom header. The maximum value is 900px.<\/li>\n<\/ul>\n<h5 class=\"description\">Custom header background options<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-680 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-background-options.jpg\" alt=\"custom-header-background-options\" width=\"978\" height=\"678\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-background-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-background-options-300x208.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-background-options-768x532.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Default background color<\/strong> &#8211;\u00a0select the background color for the custom header, which will be shown if the image is not set for the custom header.<\/li>\n<li><strong>Default background image<\/strong> &#8211;\u00a0upload the background image for custom header.<\/li>\n<li><strong>Default background position<\/strong> &#8211;\u00a0set the position of the image selected for custom header.<\/li>\n<li><strong>Default background size<\/strong> &#8211;\u00a0allows adjusting the background image displaying. You can select\u00a0one of the following values:\u00a0<strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong>.<\/li>\n<li><strong>Background attachment<\/strong> &#8211;\u00a0sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong> &#8211; background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong> &#8211; the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong> &#8211; the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background repeat<\/strong> &#8211;\u00a0select whether the custom header background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Dark background<\/strong> &#8211; set it to <strong>Enable<\/strong>\u00a0if you&#8217;ve set dark background color. The text color will be changed to make it more readable.<\/li>\n<\/ul>\n<h5 class=\"description\">Custom header content options<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-682 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-content-settinngs.jpg\" alt=\"custom-header-content-settinngs\" width=\"978\" height=\"483\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-content-settinngs.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-content-settinngs-300x148.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-content-settinngs-768x379.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Custom header text alignment<\/strong> &#8211; align the text horizontally in custom header. <strong>Right<\/strong>, <strong>left<\/strong> and <strong>center<\/strong> alignment positions are available.<\/li>\n<li><strong>Custom header parallax effect<\/strong> &#8211;\u00a0switch it to <strong>Enable<\/strong> if you want to have parallax effect for custom header.<\/li>\n<li><strong>Custom header title<\/strong> &#8211; a<span class=\"webkit-html-attribute-value\">llows you to enable or disable the title of the page in the custom header.<\/span><\/li>\n<li><strong>Custom header subtitle<\/strong> &#8211;\u00a0a<span class=\"webkit-html-attribute-value\">llows you to enable or disable the subtitle of the page in the custom header.<\/span><\/li>\n<li><strong>Custom header breadcrumbs<\/strong> &#8211;\u00a0allows you to enable or disable the breadcrumbs of the page in the custom header.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this section, you&#8217;ll be able to customize the custom header for your the site. Custom header options Create unique displaying of custom header for your site using this options<\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[14,41],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/12493"}],"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\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=12493"}],"version-history":[{"count":1,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/12493\/revisions"}],"predecessor-version":[{"id":12494,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/12493\/revisions\/12494"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=12493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=12493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=12493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}