{"id":14863,"date":"2026-05-04T13:51:26","date_gmt":"2026-05-04T10:51:26","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=video_tutorials&#038;p=14863"},"modified":"2026-05-04T13:58:47","modified_gmt":"2026-05-04T10:58:47","slug":"desktop-header-builder","status":"publish","type":"video_tutorials","link":"https:\/\/creativethemes.com\/blocksy\/video-tutorials\/customization\/desktop-header-builder\/","title":{"rendered":"Desktop Header Builder"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Desktop Header Builder | Basic Tutorial | Blocksy\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/tBarJtC8Os0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>In this tutorial, we walk you through Blocksy&#8217;s powerful header builder &#8211; a state-of-the-art system that lets you quickly design and configure one of the most important parts of your website. \ud83c\udfa8<\/p>\n\n\n\n<p>Using drag-and-drop simplicity, you&#8217;ll place header elements across three main rows (top, main, and bottom), with granular control over each element&#8217;s functionality and appearance. The Elements tab gives you access to all available header elements for your package, whilst the Headers tab lets you configure sticky or transparent headers &#8211; or create additional conditional headers if you&#8217;re a Blocksy Pro user. Once elements are positioned, access row settings via a simple cog icon to control layout options like full width and row height, plus design controls for background, blur effects, borders, and shadows. The entire workflow happens right in the Customiser, making header design straightforward and intuitive.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we walk you through Blocksy&#8217;s powerful header builder &#8211; a state-of-the-art system that lets you quickly design and configure one of the most important parts of your website. \ud83c\udfa8 Using drag-and-drop simplicity, you&#8217;ll place header elements across three main rows (top, main, and bottom), with granular control over each element&#8217;s functionality and [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":14868,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"video_categories":[77],"class_list":["post-14863","video_tutorials","type-video_tutorials","status-publish","has-post-thumbnail","hentry","video_categories-customization"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/14863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/video_tutorials"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=14863"}],"version-history":[{"count":1,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/14863\/revisions"}],"predecessor-version":[{"id":14865,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/14863\/revisions\/14865"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media\/14868"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=14863"}],"wp:term":[{"taxonomy":"video_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_categories?post=14863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}