{"id":2019,"date":"2021-02-01T20:20:43","date_gmt":"2021-02-01T20:20:43","guid":{"rendered":"https:\/\/blockpresswp.com\/?p=2019"},"modified":"2024-01-18T01:05:00","modified_gmt":"2024-01-18T01:05:00","slug":"how-to-make-sticky-and-transparent-header","status":"publish","type":"post","link":"https:\/\/theme.greenshiftwp.com\/how-to-make-sticky-and-transparent-header\/","title":{"rendered":"How to make sticky and transparent header"},"content":{"rendered":"\n

How to use transparent header<\/strong><\/p>\n\n\n\n

It’s simple, when you edit your header in Site editor, click on header template, then, select Transparent header option in Advanced options<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Transparent header will set your header background as transparent and with absolute position (so, it will cover block below header)<\/p>\n\n\n\n

Please, note, that if you use sticky option, then, transparent color will be disabled when header is sticked while scrolling<\/p>\n\n\n\n

How to enable Sticky header<\/h2>\n\n\n\n

When you in Site edit mode, click on header template and click to edit it.<\/p>\n\n\n\n

Now, select main parent group of header and enable sticky option in Advanced settings. You can also set different colors for background and text for sticked position of header (so, it will replace default colors of header)<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

How to upload Separate sticky Logo<\/h2>\n\n\n\n

As a logo, you need to use the Site logo block. In Advanced settings, you will find the option to upload a separate logo. It will replace the regular logo when the header is sticked.<\/p>\n","protected":false},"excerpt":{"rendered":"

How to use transparent header It’s simple, when you edit your header in Site editor, click on header template, then, select Transparent header option in Advanced options Transparent header will set your header background as transparent and with absolute position (so, it will cover block below header) Please, note, that if you use sticky option, […]<\/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}","footnotes":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/posts\/2019"}],"collection":[{"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/comments?post=2019"}],"version-history":[{"count":3,"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/posts\/2019\/revisions"}],"predecessor-version":[{"id":2718,"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/posts\/2019\/revisions\/2718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/media\/1928"}],"wp:attachment":[{"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/media?parent=2019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/categories?post=2019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theme.greenshiftwp.com\/wp-json\/wp\/v2\/tags?post=2019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}