{"id":2019,"date":"2022-02-01T20:20:43","date_gmt":"2022-02-01T20:20:43","guid":{"rendered":"https:\/\/blockpresswp.com\/?p=2019"},"modified":"2022-10-13T18:56:57","modified_gmt":"2022-10-13T18:56:57","slug":"how-to-make-sticky-and-transparent-header","status":"publish","type":"post","link":"https:\/\/blockpresswp.com\/how-to-make-sticky-and-transparent-header\/","title":{"rendered":"How to make sticky and transparent header"},"content":{"rendered":"\n<p>It&#8217;s simple, when you edit your header in Site editor, you can click on header and choose to replace header. Then, select transparent header. You can select sticky option on header group and add position absolute class. Make sure that you have some padding in block below header. It&#8217;s not required to use transparent header for sticky option, you can use also sticky option on regular header. Check video.<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-video gs-video video gspb_video-id-gsbp-266c8d7e-f844\" id=\"gs-video-gsbp-266c8d7e-f844\"><div class=\"gs-video-wrapper\" itemscope><div class=\"gs-video-element\" data-src=\"https:\/\/blockpresswp.com\/wp-content\/uploads\/2022\/03\/Screen-Recording-2022-03-01-at-22.13.36.mov\" data-autoplay=\"false\" data-playsinline=\"false\" data-controls=\"true\" data-loop=\"false\" data-mute=\"false\" data-poster=\"\" data-provider=\"video\" data-overlay=\"false\" data-lightbox=\"false\"><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s simple, when you edit your header in Site editor, you can click on header and choose to replace header. Then, select transparent header. You can select sticky option on header group and add position absolute class. Make sure that you have some padding in block below header. It&#8217;s not required to use transparent header [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1928,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"@keyframes pulsevideobutton{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}.gs-video{position:relative}.gs-video.vimeo:not(.alignwide):not(.alignfull),.gs-video.youtube:not(.alignwide):not(.alignfull){width:100%!important;height:auto!important}.gs-video-wrapper{position:relative;height:inherit;max-width:100%}.gs-video-popup .slbContentOuter .slbContent:before,.gs-video-wrapper:before{content:'';display:block;padding-top:56.25%}.gs-video-header{text-align:center}.gs-video-header .gs-video-header-title{font-size:24px;line-height:1.3;font-weight:700;margin:0 0 15px}.gs-video-header .gs-video-header-description{font-size:16px;line-height:1.5;margin:0 0 25px}.gs-video .gs-video-element{border:0;object-fit:contain}.gs-video .gs-video-element iframe{object-fit:cover;border:0}.gs-video .gs-video-element,.gs-video .gs-video-element iframe,.gs-video .video-container,.gs-video-overlay{position:absolute;left:0;top:0;width:100%;height:100%}.gs-video .video-container{padding:0;margin:0}.gs-video .video-container iframe{display:block;height:100%;width:100%}.gs-video-overlay{z-index:3;background-color:rgba(0,0,0,.1);background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer}.gs-video-overlay .gs-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;opacity:.8;z-index:3;width:32px;height:44px;border-radius:50%;padding:18px 20px 18px 28px;box-sizing:content-box}.gs-video-overlay .gs-play-icon span{display:block;position:relative;z-index:3;width:0;height:0;border-left:32px solid #fff;border-top:22px solid transparent;border-bottom:22px solid transparent}.gs-video-overlay .gs-play-icon:after{animation-delay:.5s}.gs-video-overlay .gs-overlay-color{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.gs-video-overlay:hover .gs-play-icon{opacity:1}.gs-video-popup .slbContentOuter{width:100%;max-width:1000px}.gs-video-popup .slbContentOuter .slbContent .video-container,.gs-video-popup .slbContentOuter .slbContent iframe,.gs-video-popup .slbContentOuter .slbContent video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.gs-video-popup .slbCloseBtn{font-size:30px;width:40px;height:40px;line-height:40px;right:0;top:-50px}","inline_featured_image":false,"footnotes":""},"categories":[201],"tags":[],"_links":{"self":[{"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/posts\/2019"}],"collection":[{"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/comments?post=2019"}],"version-history":[{"count":2,"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/posts\/2019\/revisions"}],"predecessor-version":[{"id":2233,"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/posts\/2019\/revisions\/2233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/media\/1928"}],"wp:attachment":[{"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/media?parent=2019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/categories?post=2019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blockpresswp.com\/wp-json\/wp\/v2\/tags?post=2019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}