{"id":195,"date":"2022-11-23T06:36:59","date_gmt":"2022-11-23T06:36:59","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=195"},"modified":"2023-09-01T12:10:40","modified_gmt":"2023-09-01T12:10:40","slug":"set-up-the-site-header","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/set-up-the-site-header\/","title":{"rendered":"Set Up the Site Header"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"195\" class=\"elementor elementor-195\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1bc948 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f1bc948\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f88d85b\" data-id=\"f88d85b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d6d7851 elementor-widget elementor-widget-text-editor\" data-id=\"d6d7851\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In <strong>WordPress Customizer &gt; Site Header &gt; Header<\/strong>, there you can set up the global site header of the entire site.<\/p><p>You can choose different site headers for different pages. For related settings, please refer to <a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/how-to-set-different-site-header-for-a-specific-pages\/\">this tutorial<\/a>.<\/p><p>If you are looking for how to edit the site header after importing a demo, please read <a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/edit-site-header-after-importing-a-demo\/\">this tutorial<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8b0925 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b8b0925\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b1ef93 elementor-widget elementor-widget-pt_title\" data-id=\"9b1ef93\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Custom Site Header (created by Elementor Header Builder)\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c194c86 elementor-widget elementor-widget-text-editor\" data-id=\"c194c86\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We recommend using the <strong>Header Builder<\/strong> provided by the theme to create and manage your site headers. If you have imported a demo provided by us, then you also need to manage your site headers through the <strong>Header Builder<\/strong>.<\/p><ol><li>Please create a site header in the\u00a0<strong>Header Builder<\/strong>\u00a0(more details can be found in\u00a0<a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/create-a-new-site-header\/\">this sub-chapter<\/a>).<\/li><li>And then please go to <strong>WordPress Customizer &gt; Site Header &gt; Header &gt; Select &#8220;Custom&#8221;<\/strong>, and select the site header you just created to set it as the global site header here.<\/li><li>By default, the &#8220;<strong>Sticky Header<\/strong>&#8221; feature is turned off (&#8220;Sticky Header: No&#8221;). When you choose &#8220;Always sticky&#8221; or &#8220;Sticky when scroll up&#8221;, you can select a custom header as the global sticky header. More details can be found in <a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/set-up-a-sticky-site-header\/\">this chapter<\/a>.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e3610c elementor-widget elementor-widget-image\" data-id=\"1e3610c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header.png\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MiwidXJsIjoiaHR0cHM6XC9cL2xvZnRvY2Vhbi5jb21cL2RvY1wvY296eXN0YXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL3NpdGVzXC83XC8yMDIzXC8wOVwvc2VsZWN0LWN1c3RvbS1oZWFkZXIucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1440\" height=\"1291\" src=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-1440x1291.png\" class=\"attachment-patiotime_1440x9999 size-patiotime_1440x9999 wp-image-1092\" alt=\"\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-1440x1291.png 1440w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-300x269.png 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-1024x918.png 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-768x688.png 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-1536x1377.png 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-2048x1836.png 2048w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-1920x1721.png 1920w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-1200x1076.png 1200w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-780x699.png 780w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-600x538.png 600w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-550x493.png 550w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-370x332.png 370w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/select-custom-header-255x229.png 255w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3a0b28 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b3a0b28\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-771e232 elementor-widget elementor-widget-pt_title\" data-id=\"771e232\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Default Site Header (Non-Elementor)\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1930679 elementor-widget elementor-widget-text-editor\" data-id=\"1930679\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you don&#8217;t want to use Elementor to create a site header, you can adjust the site header style by adjusting the following settings of the customizer.<\/p><p>Please go to <strong>WordPress Customizer &gt; Site Header &gt; Header<\/strong>, find &#8220;Site Header&#8221; option and select &#8220;Default&#8221;. Then you can adjust the following options:<\/p><ul><li>Enable\u00a0<strong>Sticky Header<\/strong>\u00a0effect or not.<\/li><li>Enable \/ Disable the\u00a0<span class=\"highlighted\">Overlap Header<\/span><\/li><li>Display \/ Show the\u00a0<span class=\"highlighted\">Search Icon<\/span><\/li><li>Display \/ Show the\u00a0<span class=\"highlighted\">Mini Cart<\/span>\u00a0&#8211;\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noopener\">WooCommerce<\/a>\u00a0is required.<\/li><li>Please note that the default site header only has one base style. If you&#8217;d like to change more elements for the site header, please use the\u00a0<strong>Header Builder<\/strong>\u00a0to create a custom header and select it as the site header.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[13],"class_list":["post-195","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/195\/revisions"}],"predecessor-version":[{"id":1094,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/195\/revisions\/1094"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=195"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}