{"id":981,"date":"2020-11-06T12:08:20","date_gmt":"2020-11-06T19:08:20","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&#038;p=981"},"modified":"2026-04-22T14:27:50","modified_gmt":"2026-04-22T14:27:50","password":"","slug":"sticky-header","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/sticky-header\/","title":{"rendered":"Working with the Sticky Header"},"content":{"rendered":"\n<p>To set up your sticky header, navigate to Customize &gt; Header &gt; Sticky Header.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-19-at-12.56.53-PM-422x1024-1.png\" alt=\"\" class=\"wp-image-982\" \/><\/figure><\/div>\n\n\n\n<p>Next, select which elements you would like to be sticky from the dropdown. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-19-at-1.15.48-PM.png\" alt=\"\" class=\"wp-image-985\" \/><\/figure><\/div>\n\n\n\n<p>You can then choose to have your sticky header shrink when scrolled, and you can also upload a different logo for the sticky header. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-19-at-1.51.25-PM-438x1024-1.png\" alt=\"\" class=\"wp-image-983\" \/><\/figure><\/div>\n\n\n\n<p>All of these settings can be adjusted for mobile devices from Customize &gt; Header &gt; Sticky Header &gt; Mobile Sticky. <\/p>\n\n\n\n<p>Lastly, you can open the Design tab and set the color settings for your sticky header elements. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-19-at-2.20.00-PM-359x1024-1.png\" alt=\"\" class=\"wp-image-984\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>To set up your sticky header, navigate to Customize &gt; Header &gt; Sticky Header. Next, select which elements you would like to be sticky from the dropdown. You can then choose to have your sticky header shrink when scrolled, and you can also upload a different logo for the sticky header. All of these settings&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[407],"doc_tag":[],"knowledge_base":[6],"class_list":["post-981","docs","type-docs","status-publish","hentry","doc_category-theme-header","knowledge_base-kadence-theme"],"year_month":"2026-05","word_count":88,"total_views":"9350","reactions":{"happy":"2","normal":"2","sad":"0"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Header","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-header\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":407,"label":"Header"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=981"}],"version-history":[{"count":1,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/981\/revisions"}],"predecessor-version":[{"id":5375,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/981\/revisions\/5375"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=981"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=981"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=981"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}