{"id":1641,"date":"2021-10-27T17:55:16","date_gmt":"2021-10-27T17:55:16","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=1641"},"modified":"2025-09-08T00:57:42","modified_gmt":"2025-09-08T00:57:42","slug":"header-builder","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/10\/27\/header-builder\/","title":{"rendered":"Header Builder"},"content":{"rendered":"\n
Header is a face of your website. That\u2019s why website designers have great concern about how to make awesome headers.<\/p>\n\n\n\n
As you know, building header is not simple and easy task. Although modern websites have unique and specific headers, there are always some basic rules which must be kept.<\/p>\n\n\n\n
And because it contains logo, menu and CTAs, to build full responsible header layout actually needs a lot of time and effort.<\/p>\n\n\n\n
However, because of header\u2019s importance, it\u2019s worth the effort.<\/p>\n\n\n\n
Header Builder<\/strong> is one of full site builders that UDesign <\/strong>provides.<\/p>\n\n\n\n It helps you to build any types of header faster and easily with Elementor page builder.<\/p>\n\n\n\n You can decide how many columns to use when designing and building the header, with a vast array of styling options to perfect the layout.<\/p>\n\n\n\n What\u2019s more, is you can now choose to create and display as many different headers as you want for different pages and posts throughout your website.<\/p>\n\n\n\n You can manage your site headers at Here is UDesign Header Builder elements list.<\/p>\n\n\n\n Each element is important part of header. You can make any header layout which you want by drag and drop of header elements.<\/p>\n\n\n\n Ok. Well, let\u2019s see the elements below.<\/p>\n\n\n\n Step 1<\/strong> \u2013 Go to Step 2<\/strong> \u2013 Click \u2018Add New\u2019 button on top of page.<\/p>\n\n\n\n Step 3<\/strong> \u2013 In New UDesign<\/strong> Builder Modal, select Header Builder<\/strong> in \u201cTemplate Type\u201d field. And give your block\u2019s name in \u201cTemplate Name\u201d field.<\/p>\n\n\n\n Header Position<\/strong> – Top\/Side, Transparent<\/strong> – Yes\/No<\/p>\n\n\n\n Step 4<\/strong> \u2013 The next step is to build your part with <\/em>Elementor<\/strong>.<\/p>\n\n\n\nHeader Builder<\/code> section in UDesign > Templates<\/code> page.<\/p>\n\n\n\nUDesign Header Builder Elements<\/h4>\n\n\n\n
\n
How to use UDesign Header Builder?<\/h4>\n\n\n\n
UDesign > Template Builder.<\/code><\/p>\n\n\n\n
<\/figure>\n\n\n\n
