{"id":2138,"date":"2021-11-06T03:29:02","date_gmt":"2021-11-06T03:29:02","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=2138"},"modified":"2024-11-06T18:05:27","modified_gmt":"2024-11-06T18:05:27","slug":"how-to-set-sticky-header-in-udesign-header-builder","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/06\/how-to-set-sticky-header-in-udesign-header-builder\/","title":{"rendered":"How to make a header sticky in UDesign Header Builder?"},"content":{"rendered":"\n<ol class=\"wp-block-list\">\n<li class=\"mt-10\">In Elementor Container<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture mt-4\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"316\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-sticky-header.jpg\" alt=\"Set sticky header in elementor container\" class=\"wp-image-10818\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-sticky-header.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-sticky-header-768x237.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Select the Container, Toggle UDesign Options panel, Active Sticky Content option<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture mt-4\"><img decoding=\"async\" width=\"1038\" height=\"730\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-header-sticky-2.jpg\" alt=\"header builder\" class=\"wp-image-10958\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-header-sticky-2.jpg 1038w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-header-sticky-2-1024x720.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-header-sticky-2-768x540.jpg 768w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-header-sticky-2-400x280.jpg 400w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/container-header-sticky-2-570x400.jpg 570w\" sizes=\"(max-width: 1038px) 100vw, 1038px\" \/><figcaption class=\"wp-element-caption\">Toggle Sticky Content panel, Set sticky position as Top<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n\n\n\n<li>In Elementor Section<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">You can make a header sticky by setting as sticky content <strong>Section( or Inner Section )<\/strong> which is wrapping the header as follows:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture mt-4\"><img decoding=\"async\" width=\"1024\" height=\"347\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/section-sticky-header.jpg\" alt=\"Set sticky header in elementor section\" class=\"wp-image-10813\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/section-sticky-header.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/section-sticky-header-768x260.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Select the Section, Toggle Settings panel, Active Sticky Content option<\/figcaption><\/figure>\n\n\n\n<p class=\"alert alert-warning mt-5 d-block wp-block-paragraph\">Note: <strong>Cannot make a header sticky using Sticky Content Option of Elementor Column<\/strong><br>Some customers try to make a header sticky by using the <strong>sticky column<\/strong> option of Elementor Column. <br>But It is <strong>impossible<\/strong>. Please use only Elementor Section or Container <strong>sticky content<\/strong> option.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can make a header sticky by setting as sticky content Section( or Inner Section ) which is wrapping the header as follows: Note: Cannot make a header sticky using Sticky Content Option of Elementor ColumnSome customers try to make a header sticky by using the sticky column option of Elementor Column. But It is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2138","post","type-post","status-publish","format-standard","hentry","category-faqs"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=2138"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2138\/revisions"}],"predecessor-version":[{"id":10964,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2138\/revisions\/10964"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=2138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=2138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=2138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}