{"id":7061,"date":"2023-09-01T14:12:00","date_gmt":"2023-09-01T14:12:00","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=7061"},"modified":"2023-09-01T14:12:00","modified_gmt":"2023-09-01T14:12:00","password":"","slug":"sticky-sidebars","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/sticky-sidebars\/","title":{"rendered":"Sticky Sidebars"},"content":{"rendered":"\n<p>With Kadence, you can effortlessly include <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-add-a-sidebar\/\" data-type=\"docs\" data-id=\"6894\">sidebars<\/a> in your posts, pages, and archives. Additionally, it is possible to have sticky sidebars that remain in place as you scroll further down the page. This is easy to accomplish using Customizer settings.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading7061_403083-1d, .wp-block-kadence-advancedheading.kt-adv-heading7061_403083-1d[data-kb-block=\"kb-adv-heading7061_403083-1d\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading7061_403083-1d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading7061_403083-1d[data-kb-block=\"kb-adv-heading7061_403083-1d\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading7061_403083-1d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading7061_403083-1d[data-kb-block=\"kb-adv-heading7061_403083-1d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading7061_403083-1d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading7061_403083-1d\">What is a Sticky Sidebar?<\/h2>\n\n\n\n<p>A sticky sidebar is a web design feature where a sidebar element on a webpage remains visible as the user scrolls down the page. It typically starts in a fixed position but becomes &#8220;sticky&#8221; when it reaches a certain point on the screen, ensuring that important content or navigation options are readily accessible as the user explores the page&#8217;s content. This enhances user experience and engagement by providing easy access to crucial information without requiring constant scrolling or navigation.<\/p>\n\n\n<style>.kb-image7061_71929d-b7 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image7061_71929d-b7 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1538\" height=\"720\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/sticky-sidebar-example-use.gif\" alt=\"sticky sidebar example use\" class=\"kb-img wp-image-7062\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading7061_a2dd0a-f3, .wp-block-kadence-advancedheading.kt-adv-heading7061_a2dd0a-f3[data-kb-block=\"kb-adv-heading7061_a2dd0a-f3\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading7061_a2dd0a-f3 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading7061_a2dd0a-f3[data-kb-block=\"kb-adv-heading7061_a2dd0a-f3\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading7061_a2dd0a-f3 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading7061_a2dd0a-f3[data-kb-block=\"kb-adv-heading7061_a2dd0a-f3\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading7061_a2dd0a-f3 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading7061_a2dd0a-f3\">Enabling Sticky Sidebars<\/h2>\n\n\n<style>.kb-row-layout-id7061_764dc3-7b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id7061_764dc3-7b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id7061_764dc3-7b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id7061_764dc3-7b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id7061_764dc3-7b > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id7061_764dc3-7b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id7061_764dc3-7b alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column7061_90300f-91 > .kt-inside-inner-col,.kadence-column7061_90300f-91 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column7061_90300f-91 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column7061_90300f-91 > .kt-inside-inner-col{flex-direction:column;}.kadence-column7061_90300f-91 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column7061_90300f-91 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column7061_90300f-91{position:relative;}@media all and (max-width: 1024px){.kadence-column7061_90300f-91 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column7061_90300f-91 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column7061_90300f-91\"><div class=\"kt-inside-inner-col\">\n<p>To enable sidebars in the WordPress Customizer, follow these three steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the WordPress admin dashboard and navigate to <strong>Appearance &gt; Customize &gt; General &gt; Sidebar<\/strong>.<\/li>\n\n\n\n<li>In the Sidebar section, look for the option labeled <strong>Enable Sticky Sidebar<\/strong>.<\/li>\n\n\n\n<li>Toggle this option to &#8220;On&#8221; or &#8220;Enabled,&#8221; then remember to save your changes. Your sidebar should now be enabled and sticky on your WordPress site.<\/li>\n<\/ol>\n\n\n\n<p>Sometimes, you only want the last widget in the sidebar to stick to the screen. To address this, there is an option to stick only the last widget in the sidebar.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column7061_a7e41e-c4 > .kt-inside-inner-col,.kadence-column7061_a7e41e-c4 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column7061_a7e41e-c4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column7061_a7e41e-c4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column7061_a7e41e-c4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column7061_a7e41e-c4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column7061_a7e41e-c4{position:relative;}@media all and (max-width: 1024px){.kadence-column7061_a7e41e-c4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column7061_a7e41e-c4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column7061_a7e41e-c4\"><div class=\"kt-inside-inner-col\"><style>.kb-image7061_4bd1a7-af .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image7061_4bd1a7-af size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"620\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/sticky-sidebar-settings.jpeg\" alt=\"sticky sidebar settings\" class=\"kb-img wp-image-7063\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/sticky-sidebar-settings.jpeg 374w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/sticky-sidebar-settings-181x300.jpeg 181w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/sticky-sidebar-settings-309x512.jpeg 309w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With Kadence, you can effortlessly include sidebars in your posts, pages, and archives. Additionally, it is possible to have sticky sidebars that remain in place as you scroll further down the page. This is easy to accomplish using Customizer settings. What is a Sticky Sidebar? A sticky sidebar is a web design feature where a&#8230;<\/p>\n","protected":false},"author":143301,"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":[406],"doc_tag":[],"knowledge_base":[6],"class_list":["post-7061","docs","type-docs","status-publish","hentry","doc_category-theme-settings","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":221,"total_views":"5550","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"gilberthernandez","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/gilberthernandez\/"},"doc_category_info":[{"term_name":"Customize Settings","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-settings\/"}],"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":406,"label":"Customize Settings"}],"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\/7061","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\/143301"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=7061"}],"version-history":[{"count":1,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/7061\/revisions"}],"predecessor-version":[{"id":7064,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/7061\/revisions\/7064"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=7061"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=7061"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=7061"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=7061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}