{"id":12931,"date":"2021-05-24T21:12:56","date_gmt":"2021-05-24T15:27:56","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/seva\/configure-header-footer-section\/how-to-make-header-sticky\/"},"modified":"2021-05-25T22:19:43","modified_gmt":"2021-05-25T16:34:43","slug":"how-to-make-header-sticky","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/seva\/configure-header-footer-section\/how-to-make-header-sticky\/","title":{"rendered":"How to Make Header Sticky?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"173\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-35-1024x173.png\" alt=\"\" class=\"wp-image-13068\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-35-1024x173.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-35-300x51.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-35-768x130.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-35-1536x260.png 1536w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-35.png 1761w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can make the header section sticky to help your visitors navigate easily while being at any part of the page as the header will stick to the top of the page and is visible even while scrolling.<\/p>\n\n\n\n<p>Please follow the below steps to make your header sticky.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<strong>Appearance &gt; Customize &gt; General Settings &gt; Header Settings<\/strong><\/li><li>Enable the <strong>Sticky Header&nbsp;<\/strong>option. Blue is enabled.<\/li><li>Click on&nbsp;<strong>Publish.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"668\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-36.png\" alt=\"\" class=\"wp-image-13069\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-36.png 342w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-36-154x300.png 154w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can make the header section sticky to help your visitors navigate easily while being at any part of the page as the header will stick to the top of the page and is visible even while scrolling. Please follow the below steps to make your header sticky. Go to&nbsp;Appearance &gt; Customize &gt; General Settings [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":12927,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12931","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12931"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=12931"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12931\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12927"}],"next":[{"title":"How to Configure Header Settings?","link":"https:\/\/docs.blossomthemes.com\/seva\/configure-header-footer-section\/how-to-configure-header-settings\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12932"}],"prev":[{"title":"How to Create and Edit Navigation Menu?","link":"https:\/\/docs.blossomthemes.com\/seva\/configure-header-footer-section\/how-to-create-and-edit-navigation-menu\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12930"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=12931"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=12931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}