{"id":8204,"date":"2023-02-27T11:00:46","date_gmt":"2023-02-27T05:00:46","guid":{"rendered":"https:\/\/picmaticweb.com\/documentation\/docs\/calmer-wordpress-documentation\/theme-settings-8200\/header\/"},"modified":"2023-03-02T22:01:05","modified_gmt":"2023-03-02T16:01:05","slug":"header-8204","status":"publish","type":"docs","link":"https:\/\/picmaticweb.com\/documentation\/docs\/calmer-wordpress-documentation\/theme-settings-8200\/header-8204\/","title":{"rendered":"Header"},"content":{"rendered":"\n<p>This is the default header of Calmer WordPress Theme. Initially, you can change the logo (Normal &amp; Sticky) for both regular and retina display. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"60\" src=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-6-1024x60.png\" alt=\"\" class=\"wp-image-8265\" srcset=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-6-1024x60.png 1024w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-6-300x18.png 300w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-6-768x45.png 768w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-6-1536x90.png 1536w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-6.png 1903w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Calmer Header Area<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-1024x552.png\" alt=\"\" class=\"wp-image-8259\" width=\"1024\" height=\"552\" srcset=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-1024x552.png 1024w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-300x162.png 300w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-768x414.png 768w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-1536x828.png 1536w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-370x200.png 370w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>As you  can see, the Logo option contains many feature like changing logo size, add ore remove padding. You should keep &#8220;Retina Logo&#8221; (main logo * 2x size), so the logo won&#8217;t  be blur in the retina monitor\/display. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Header Styling<\/h2>\n\n\n\n<p>This is the main header customization option. Here you will find the following features which are very essential to customize your header. <\/p>\n\n\n\n<p><strong>Show Default Header <\/strong>&#8211;  Change the header layout and set it default. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"730\" height=\"70\" src=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-1.png\" alt=\"\" class=\"wp-image-8260\" srcset=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-1.png 730w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-1-300x29.png 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p><strong>Show Search Button <\/strong>&#8211;  If you need to hide the search the button or icon you can do this using the search button switcher.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"72\" src=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-2.png\" alt=\"\" class=\"wp-image-8261\" srcset=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-2.png 640w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-2-300x34.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><strong>Button Label<\/strong> &#8211; In header area, you will find an Action Button into the right corner. You will be able to change the button title\/label on this field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"824\" height=\"84\" src=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-3.png\" alt=\"\" class=\"wp-image-8262\" srcset=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-3.png 824w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-3-300x31.png 300w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-3-768x78.png 768w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/figure>\n\n\n\n<p><strong>Button URL<\/strong> &#8211; To add or connect any page or external URL to the Action Button. You can also keep it blank by placing &#8220;#&#8221; character.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-4.png\" alt=\"\" class=\"wp-image-8263\" width=\"832\" height=\"70\" srcset=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-4.png 832w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-4-300x25.png 300w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-4-768x65.png 768w\" sizes=\"(max-width: 832px) 100vw, 832px\" \/><figcaption class=\"wp-element-caption\"><strong>Button Target<\/strong> &#8211; Suppose, you need to open the page or external URL in a new window while it clicking, you have to &#8220;turn on&#8221; the button target.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"77\" src=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-5.png\" alt=\"\" class=\"wp-image-8264\" srcset=\"https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-5.png 675w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-5-300x34.png 300w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-5-671x77.png 671w, https:\/\/picmaticweb.com\/documentation\/wp-content\/uploads\/2023\/03\/image-5-670x77.png 670w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><figcaption class=\"wp-element-caption\">And some of the option below to change the typography, button font size, button color, sticky button color, and button padding. <\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This is the default header of Calmer WordPress Theme. Initially, you can change the logo (Normal &amp; Sticky) for both regular and retina display. As you can see, the Logo option contains many feature like changing logo size, add ore remove padding. You should keep &#8220;Retina Logo&#8221; (main logo * 2x size), so the logo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8200,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-8204","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/comments?post=8204"}],"version-history":[{"count":0,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8204\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8200"}],"wp:attachment":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/media?parent=8204"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=8204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}