{"id":2713,"date":"2021-06-22T10:17:55","date_gmt":"2021-06-22T10:17:55","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2713"},"modified":"2023-02-21T11:09:40","modified_gmt":"2023-02-21T11:09:40","slug":"how-to-create-a-wordpress-header-using-elementor-theme-builder","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/","title":{"rendered":"How to Create a WordPress Header Using Elementor Theme Builder"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2713\" class=\"elementor elementor-2713\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6ab92a70 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ab92a70\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d1b78a6\" data-id=\"1d1b78a6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2dbed809 elementor-widget elementor-widget-video\" data-id=\"2dbed809\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=HHy5RK6W-6I&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5936f93 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5936f93\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1086bdde\" data-id=\"1086bdde\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2179558a elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"2179558a\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-5611\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-5611\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-5612\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-5612\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-5611\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-5611\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-5611\" tabindex=\"0\" hidden=\"false\"><p>In this video, we cover how to build an amazing header on any WordPress theme using Elementor Theme Builder.<\/p><p>From now on, you are no longer limited by your theme\u2019s restrictions. If you don&#8217;t like your theme&#8217;s header, and can&#8217;t make changes &#8211; now is the time to try the easy-to-use and visual header &amp; footer editor with Elementor. By bringing the power of Elementor to these areas, you can design any header or footer you can imagine.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-5612\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-5612\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-5612\" tabindex=\"0\" hidden=\"hidden\"><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">hey everyone it&#8217;s Cassie from Elementor<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">in this video I&#8217;ll go over how to create<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">customized headers tired of being stuck<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">with a particular header limited by your<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">theme now you can edit and design any<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">aspect of your header using element or<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">on any theme the header template lets<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">you easily design and edit custom<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">headers offering all the easy<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">drag-and-drop element or functionality<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">create headers using our pre-designed<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">blocks or from scratch let&#8217;s head on<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">over to headers to create a header first<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">we&#8217;ll need to make a header template by<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the way check out these updated tabs<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">header footer single and archive will<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">focus on the header see other videos to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">learn about the other tabs so in the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">WordPress dashboard under element or my<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">templates click add new header choose<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">header give it a name if you don&#8217;t name<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">it it&#8217;ll just give you a default name<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">this opens the template library offering<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">a variety of customizable blocks choose<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the header template block and insert<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">once added you&#8217;ll see the header block<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">in the elementary ed atang screen where<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">you can customize it as you like your<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">entire header area is edited right here<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">you can extend it however you want like<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">adding a top bar there&#8217;s already a<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">widget in the block that displays the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">logo you added in the customizer if you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">do not see a logo it&#8217;s because you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">didn&#8217;t add one you can go to the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">customizer and add it or use a standard<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">logo image now in case you&#8217;ve never done<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">it to set your site&#8217;s logo on WordPress<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">use the WordPress customizer from the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">customizer choose site identity select a<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">logo and then crop it and publish and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">refresh and there you go magic now you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">see your logo now your logo is fed from<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">your WordPress setting customize your<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">logo as you like and content and style<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">let&#8217;s move on to editing the navigation<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">menu nav menu on the right click the nav<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">menu to open the content options under<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">layout you can see<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">we have two menus here if you already<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">created your menus they will appear here<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">otherwise go to the menu screen to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">create your menus in WordPress you can<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">tweak your menus here name them and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">check the settings you need don&#8217;t forget<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to save your menu back in layout choose<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the menu that you want now you can<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">design your menu adjust the alignments<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">at the pointer style and animation etc<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">see the nav menu video for more info I<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">want to demonstrate that there are no<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">restrictions when designing the header<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">of course you can change the style play<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">around with the settings there to show<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">this more let&#8217;s add a separate section<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to serve as my top bar add a to column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">section let&#8217;s drag in a heading widget<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and some social icons you have the full<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">element or functionality and flexibility<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to change anything<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">dragon whatever you want a button links<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">phone number and you can change the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">color resize it etc want to make your<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">header sticky under section go to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">settings advanced scrolling and turn the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">sticky on and click publish<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">check out the new display conditions<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">under include add a condition from the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">drop-down menu choose entire site or a<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">specific page you can also add exclude<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">where you exclude it from a particular<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">page let&#8217;s try a singular and exclude it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">from a 404 page you can also save<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">without conditions press have a look to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">see it live now if you visit any other<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">page in your site you&#8217;ll see the same<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">header you&#8217;ll notice here that we<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">expanded the Edit with Elementor button<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">so if you hover over it you can access<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">your new header back in WordPress<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">Elementor my templates header you can<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">see the header that you just created<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">here you can edit it or delete it etc be<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">aware that some themes automatically<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">delete the footer when adding a<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">customized Elementor header no worries<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the solution is easy just create your<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">own footer using the same flexibility<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">you have in Elementor so enjoy<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">elementor&#8217;s header template and get off<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">on the right foot with footers to see<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the next video to learn how<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer active\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer active\" role=\"button\">thanks for watching\u00a0<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\">\u00a0<\/div><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this video, we cover how to build an amazing header on any WordPress theme using Elementor Theme Builder. From now on, you are no longer limited by your theme\u2019s restrictions. If you don\u2019t like your theme\u2019s header, and can\u2019t make changes \u2013 now is the time to try the easy-to-use and [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4747,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[31,18],"tags":[],"class_list":["post-2713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-home-guides-tutorials","category-theme-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Create a WordPress Header Using Elementor Theme Builder - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a WordPress Header Using Elementor Theme Builder - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this video, we cover how to build an amazing header on any WordPress theme using Elementor Theme Builder. From now on, you are no longer limited by your theme\u2019s restrictions. If you don\u2019t like your theme\u2019s header, and can\u2019t make changes \u2013 now is the time to try the easy-to-use and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T10:17:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T11:09:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/How-to-Create-a-Header-Template-With-Elementor-Theme-Builder.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a WordPress Header Using Elementor Theme Builder - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a WordPress Header Using Elementor Theme Builder - Academy","og_description":"Overview Transcript Overview In this video, we cover how to build an amazing header on any WordPress theme using Elementor Theme Builder. From now on, you are no longer limited by your theme\u2019s restrictions. If you don\u2019t like your theme\u2019s header, and can\u2019t make changes \u2013 now is the time to try the easy-to-use and [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/","og_site_name":"Academy","article_published_time":"2021-06-22T10:17:55+00:00","article_modified_time":"2023-02-21T11:09:40+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/How-to-Create-a-Header-Template-With-Elementor-Theme-Builder.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"How to Create a WordPress Header Using Elementor Theme Builder","datePublished":"2021-06-22T10:17:55+00:00","dateModified":"2023-02-21T11:09:40+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/"},"wordCount":736,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/How-to-Create-a-Header-Template-With-Elementor-Theme-Builder.jpg","articleSection":["home \u2013 guides and tutorials","Theme Builder"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/","url":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/","name":"How to Create a WordPress Header Using Elementor Theme Builder - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/How-to-Create-a-Header-Template-With-Elementor-Theme-Builder.jpg","datePublished":"2021-06-22T10:17:55+00:00","dateModified":"2023-02-21T11:09:40+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/How-to-Create-a-Header-Template-With-Elementor-Theme-Builder.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/How-to-Create-a-Header-Template-With-Elementor-Theme-Builder.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-wordpress-header-using-elementor-theme-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Theme Builder","item":"https:\/\/elementor.com\/academy\/theme-builder\/"},{"@type":"ListItem","position":4,"name":"How to Create a WordPress Header Using Elementor Theme Builder"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2713"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2713\/revisions"}],"predecessor-version":[{"id":9435,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2713\/revisions\/9435"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4747"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}