{"id":3249,"date":"2020-07-13T02:38:21","date_gmt":"2020-07-13T02:38:21","guid":{"rendered":"https:\/\/essentials.pixfort.com\/knowledge-base\/?p=3249"},"modified":"2023-01-26T16:41:36","modified_gmt":"2023-01-26T16:41:36","slug":"creating-website-header","status":"publish","type":"post","link":"https:\/\/essentials.pixfort.com\/knowledge-base\/creating-website-header\/","title":{"rendered":"Creating website Header"},"content":{"rendered":"

[vc_row pix_particles_check=”” css=”.vc_custom_1602380739929{margin-top: 40px !important;}”][vc_column][vc_column_text css=”.vc_custom_1602380668489{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 20px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.05) !important;border-left-style: dashed !important;border-right-color: rgba(0,0,0,0.05) !important;border-right-style: dashed !important;border-top-color: rgba(0,0,0,0.05) !important;border-top-style: dashed !important;border-bottom-color: rgba(0,0,0,0.05) !important;border-bottom-style: dashed !important;border-radius: 10px !important;}”]<\/p>\n

Import Premade Header Templates<\/strong><\/h6>\n

You can choose to import a header from the included premade header templates, to do this go to your WordPress Panel > Essentials Demo import > Headers<\/strong> (see below):<\/p>\n

\"\"<\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=””][vc_column][vc_row_inner content_placement=”middle” css=”.vc_custom_1601167084954{margin-bottom: 30px !important;border-bottom-width: 2px !important;padding-top: 20px !important;border-bottom-color: rgba(0,0,0,0.05) !important;}”][vc_column_inner width=”5\/6″]

<\/defs> <\/path> <\/g> <\/svg><\/div><\/div>
Creating New Website Header<\/h5>
Watch video tutorial to learn how to create your website header.<\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=”1\/6″]
<\/svg>\n<\/span><\/span><\/a><\/div>[\/vc_column_inner][\/vc_row_inner][vc_column_text]To create a new header for your website, open your WordPress admin panel, then go to Headers \u00bb Add new header<\/span>\u00a0<\/strong>and give the header a name.[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]After that, start building the header using the drag and drop header builder.<\/p>\n

You can edit the elements by clicking on them<\/strong>, and you can edit the columns or header sections (background color, text color..) by clicking on the Settings icon<\/strong>.[\/vc_column_text]

\"Image<\/div><\/div>[vc_column_text]For example, you can edit the Logo Element<\/strong> by clicking on it:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]Another example is the Menu <\/strong>element, where you can open the Options panel<\/strong> by clicking on the Menu element<\/b>:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
\n

Then you can change the available options, for example:<\/p>\n<\/div>\n

[\/vc_column_text]

\"Image<\/div><\/div>[vc_column_text css=”.vc_custom_1673215675718{margin-top: 20px !important;border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 20px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.05) !important;border-left-style: dashed !important;border-right-color: rgba(0,0,0,0.05) !important;border-right-style: dashed !important;border-top-color: rgba(0,0,0,0.05) !important;border-top-style: dashed !important;border-bottom-color: rgba(0,0,0,0.05) !important;border-bottom-style: dashed !important;border-radius: 10px !important;}”]<\/p>\n
How to create Menus?<\/strong><\/h6>\n
\n

For detailed information about creating and editing Menus you can check this article from our knowledge base:<\/p>\n<\/div>\n

\n

How to create Menus<\/a><\/blockquote>