{"id":74551,"date":"2021-01-07T09:55:00","date_gmt":"2021-01-07T04:25:00","guid":{"rendered":"https:\/\/wpastra.com\/?p=74551"},"modified":"2026-02-18T14:56:14","modified_gmt":"2026-02-18T09:26:14","slug":"wordpress-customize-header","status":"publish","type":"post","link":"https:\/\/wpastra.com\/guides-and-tutorials\/wordpress-customize-header\/","title":{"rendered":"How To Customize the Header in WordPress (Beginner\u2019s Guide)"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>Looking for an easy way to customize your WordPress header? You\u2019re in the right place.<\/p>\n\n\n\n<p>Your header is the first thing visitors see. It\u2019s your brand\u2019s identity, your navigation hub, and sometimes, even your call to action. But not all WordPress themes give you the flexibility to edit it the way you want.<\/p>\n\n\n\n<p>In this guide, we\u2019ll walk you through different ways to customize your header. Whether you prefer a drag and drop builder or want to tweak things with code, we\u2019ve got you covered.&nbsp;<\/p>\n\n\n\n<p>The Astra theme offers the easiest way with its visual header builder, but we\u2019ll also explore other methods that work with any theme.<\/p>\n\n\n\n<p>Before you dive in, here\u2019s a quick tip &#8211; never test changes on your live site. A broken header can mess up your entire layout. Instead, use a safe testing environment. With <a href=\"https:\/\/zipwp.com\/?utm_source=Referral&amp;utm_medium=Astra_blog&amp;utm_campaign=Astra_blog_internal\" rel=\"noopener\">ZipWP<\/a>, you can spin up a WordPress sandbox in seconds, tweak anything you want, and make changes with confidence.&nbsp;<\/p>\n\n\n\n<p>We\u2019ll show you how at the end of this post. Now, let\u2019s get started!<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-69bd0653      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#what-is-the-wordpress-header\" class=\"uagb-toc-link__trigger\">What Is the WordPress Header?<\/a><li class=\"uagb-toc__list\"><a href=\"#how-to-customize-the-wordpress-header-with-astra\" class=\"uagb-toc-link__trigger\">How to Customize the WordPress Header With Astra<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#1-open-the-astra-header-builder\" class=\"uagb-toc-link__trigger\">1. Open the Astra Header Builder<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#2-add-and-organize-header-content\" class=\"uagb-toc-link__trigger\">2. Add and Organize Header Content<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#3-customize-header-layout\" class=\"uagb-toc-link__trigger\">3. Customize Header Layout<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#4-experiment-with-different-types-of-headers\" class=\"uagb-toc-link__trigger\">4. Experiment With Different Types of Headers<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#three-other-ways-to-customize-the-wordpress-header\" class=\"uagb-toc-link__trigger\">Three Other Ways to Customize the WordPress Header<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#1-use-your-themes-customizer-settings\" class=\"uagb-toc-link__trigger\">1. Use Your Theme&#039;s Customizer Settings<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#2-use-elementor-and-a-free-custom-header-plugin\" class=\"uagb-toc-link__trigger\">2. Use Elementor and a Free Custom Header Plugin<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#3-use-custom-code-advanced\" class=\"uagb-toc-link__trigger\">3. Use Custom Code (Advanced)<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#customize-your-wordpress-header-today\" class=\"uagb-toc-link__trigger\">Customize Your WordPress Header Today<\/a><\/ul><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-74551-_y74ohoxjhdcs\"><\/a>What Is the WordPress Header?<\/h2>\n\n\n\n<p>The WordPress header is the part of your site that appears at the top of every page. Typically, it includes at least two elements at the bare minimum:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wpastra.com\/docs\/manage-site-identity\/\">Site logo\/identity<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wpastra.com\/docs\/nav-menu-addon\/\">Navigation menu(s)<\/a><\/li>\n<\/ul>\n\n\n\n<p>For example, here&#8217;s what the header looks like on the Astra blog. You can see that it includes the Astra logo, as well as two separate navigation menus:<\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6ro-hp06mb\" class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"109\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header.jpg\" alt=\"Astra Header\" class=\"wp-image-74561\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-300x33.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-768x84.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Depending on your needs, you can also include other elements such as social media icons, a search box, promos, your phone number and other information.<\/p>\n\n\n\n<p>If you ever need to see how it works, the WordPress header is contained in the <strong>header.php<\/strong> file in your WordPress theme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-74551-_ewbppn7pa1qa\"><\/a>How to Customize the WordPress Header With Astra<\/h2>\n\n\n\n<p>If you want full control over your WordPress header, the free Astra theme gives you a drag-and-drop, no-code way to fully customize your WordPress header.<\/p>\n\n\n\n<p>You&#8217;ll be able to see your changes right away on a live preview of your website and you can easily add different types of content, such as buttons, <a href=\"https:\/\/wpastra.com\/docs\/how-to-add-social-media-icons-to-header\/\" target=\"_blank\" rel=\"noreferrer noopener\">social icons<\/a>, a search box, and more.<\/p>\n\n\n\n<p>To get started, you&#8217;ll want to install and activate the Astra theme. You can also import one of the <a href=\"https:\/\/wpastra.com\/website-templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">hundreds of pre-built demo sites <\/a>to get quickly up and running. If you need a helping hand with any of those steps, we have plenty of guides to help you out:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wpastra.com\/docs\/how-to-install-astra-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to install Astra<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wpastra.com\/docs\/starter-templates-complete-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to import starter sites<\/a><\/li>\n<\/ul>\n\n\n\n<p>Once you have your basic site ready to go, here&#8217;s how to customize your header using Astra.<\/p>\n\n\n\n<p>Astra includes lots of header options built in. Install the free <a href=\"https:\/\/wpspectra.com\/\" rel=\"noopener\">Spectra <\/a>page builder to add even more.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-74551-_a4gfy5k5gu8v\"><\/a>1. Open the Astra Header Builder<\/h3>\n\n\n\n<p>To get started, go to <strong>Appearance \u2192 Customize <\/strong>in your WordPress dashboard to launch the native WordPress Customizer. Then, select the <strong>Header Builder<\/strong> option:<a id=\"post-74551-_qas6u3ujt3zt\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6rs-13oc5g\" class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1000\" height=\"679\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder.jpg\" alt=\"Astra Header builder\" class=\"wp-image-74560\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-300x204.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-768x521.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Once you launch the header builder, you&#8217;ll see a new set of options where you can control the layout of your header:<a id=\"post-74551-_3p7wtd21zu56\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6ru-go529q\" class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1000\" height=\"678\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builde-customizer-settings.jpg\" alt=\"Astra Header builder customizer settings\" class=\"wp-image-74554\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builde-customizer-settings.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builde-customizer-settings-300x203.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builde-customizer-settings-768x521.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-74551-_xwdx6lpxqe0h\"><\/a>2. Add and Organize Header Content<\/h3>\n\n\n\n<p>Now for the fun part &#8211; adding content. You can see that you have three rows in the header builder. Each row controls the content for a different part of the header:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Above header<\/li>\n\n\n\n<li>Primary header &#8211; this is where you&#8217;ll put your &#8220;main&#8221; content.<\/li>\n\n\n\n<li>Below header<a id=\"post-74551-_ep6j1jzide39\"><\/a><\/li>\n<\/ol>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6rw-e2sxlf\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"680\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-content.jpg\" alt=\"Astra Header builder content\" class=\"wp-image-74556\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-content.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-content-300x204.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-content-768x522.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>You&#8217;ll absolutely want to include content in the primary header, and then you have the option to add content above or below that according to your needs.<\/p>\n\n\n\n<p>To add content, you can click on the spot where you want to add content. This will open a set of options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Primary menu<\/li>\n\n\n\n<li>Secondary menu<\/li>\n\n\n\n<li>Logo<\/li>\n\n\n\n<li>Button<\/li>\n\n\n\n<li>Search<\/li>\n\n\n\n<li>Social<\/li>\n\n\n\n<li>HTML 1<\/li>\n\n\n\n<li>HTML 2<\/li>\n<\/ul>\n\n\n\n<p><em>Note that, as you add content, you&#8217;ll see fewer options. For example, you can only add your logo once, so that option will disappear once you&#8217;ve already added a logo to your header<\/em>:<a id=\"post-74551-_xkwxkuoxg566\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6ry-3m7amo\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"679\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-add-content.jpg\" alt=\"Astra Header builder add content\" class=\"wp-image-74555\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-add-content.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-add-content-300x204.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-add-content-768x521.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Once you&#8217;ve added some content, you can click on that content to open its settings. For example, if you add a button, you&#8217;ll be able to control the button text and link.<\/p>\n\n\n\n<p>You can also open the <strong>Design<\/strong> settings to customize things further:<a id=\"post-74551-_nuk968hseq4u\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6s0-tv2loq\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"678\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-customize-content.jpg\" alt=\"Astra Header builder customize content\" class=\"wp-image-74557\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-customize-content.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-customize-content-300x203.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-customize-content-768x521.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>If you want to rearrange your content or move it to a different row, all you need to do is drag-and-drop it:<a id=\"post-74551-_mnraqasruzx3\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6s1-4v0i4n\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"218\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-drag-and-drop-header-builder.gif\" alt=\"Astra drag and drop header builder\" class=\"wp-image-74553\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-74551-_zeapucl8hdk1\"><\/a>3. Customize Header Layout<\/h3>\n\n\n\n<p>Above, we showed you how to customize the individual elements inside your header. You also have several options to customize your header as a whole.<\/p>\n\n\n\n<p>First off, you can go to the <strong>Design<\/strong> tab of the main header builder to control the width and spacing of your header. You can also click on the gear icon for each header row to customize its height and design:<a id=\"post-74551-_fi07tl3nxeh\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6s3-a1flpk\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"649\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-customzie-layout.jpg\" alt=\"Astra Header builder customize layout\" class=\"wp-image-74558\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-customzie-layout.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-customzie-layout-300x195.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-customzie-layout-768x498.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-74551-_dt2n7d1nah5e\"><\/a>4. Experiment With Different Types of Headers<\/h3>\n\n\n\n<p>Depending on whether you&#8217;re using the free version of Astra or <a href=\"https:\/\/wpastra.com\/pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Astra Pro<\/a>, you&#8217;ll also get access to additional types of headers, such as <a href=\"https:\/\/wpastra.com\/docs\/astra-transparent-header\/\" target=\"_blank\" rel=\"noreferrer noopener\">transparent headers<\/a> (free) and <a href=\"https:\/\/wpastra.com\/docs\/sticky-header-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">sticky headers<\/a> (Pro).<\/p>\n\n\n\n<p>You can use the same header and footer builder above to design your transparent or sticky header. You&#8217;ll see those options under the <strong>Header Types<\/strong> section. You can click on them to expand the settings and design those different header types:<a id=\"post-74551-_rpguoy4m4zy8\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6s4-h41u66\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"647\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-transparent-header.jpg\" alt=\"Astra Header builder transparent header\" class=\"wp-image-74559\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-transparent-header.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-transparent-header-300x194.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-Header-builder-transparent-header-768x497.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-74551-_kt42fatyhurc\"><\/a>Three Other Ways to Customize the WordPress Header<\/h2>\n\n\n\n<p>While <a href=\"https:\/\/wpastra.com\/updates\/astra-header-footer-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Astra&#8217;s drag and drop header builder<\/a> offers the easiest way to customize the WordPress header, there are also other tactics that you can use, no matter what theme you&#8217;re using.<\/p>\n\n\n\n<p>Here are some of the best strategies&#8230;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-74551-_c816xut4watb\"><\/a>1. Use Your Theme&#8217;s Customizer Settings<\/h3>\n\n\n\n<p>Most WordPress themes give you some control over your site&#8217;s header in the native WordPress Customizer. You&#8217;re unlikely to get the level of detail that Astra gives you, but you will get some options to control how your header looks and functions.<\/p>\n\n\n\n<p>These options will vary based on your theme, but you can usually open them by clicking on the blue pencil icon next to elements in your header. For example, in the new Twenty Twenty-One default theme, you can see that you&#8217;re able to customize your:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logo<\/li>\n\n\n\n<li>Site headline<\/li>\n\n\n\n<li>Menu<\/li>\n<\/ul>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6sd-pqj5mg\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"595\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Default-theme-header-customization.jpg\" alt=\"Default theme header customization\" class=\"wp-image-74563\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Default-theme-header-customization.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Default-theme-header-customization-300x179.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Default-theme-header-customization-768x457.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>If you need some extra help, you can consult your theme developer&#8217;s documentation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-74551-_enyklyg9myqi\"><\/a>2. Use Elementor and a Free Custom Header Plugin<\/h3>\n\n\n\n<p><a href=\"https:\/\/wpastra.com\/go\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a> is a visual, drag and drop design tool that you can use to create content on your site. <\/p>\n\n\n\n<p>With the free <a href=\"https:\/\/wordpress.org\/plugins\/header-footer-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor \u2013 Header, Footer &amp; Blocks Template<\/a> custom header WordPress plugin, you can use the <a href=\"https:\/\/wpastra.com\/go\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">free version of Elementor<\/a> to design your own <a href=\"https:\/\/wpastra.com\/guides-and-tutorials\/design-custom-elementor-header\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom header<\/a><\/p>\n\n\n\n<p>You can also pair Elementor with <a href=\"https:\/\/ultimateelementor.com\/\" rel=\"noopener\">Ultimate Addons for Elementor<\/a> and use the navigation menu widget for even more flexibility.<\/p>\n\n\n\n<p>To get started, install and activate the free plugin from WordPress.org. You&#8217;ll also need to install the free version of Elementor if you haven&#8217;t done so already.<\/p>\n\n\n\n<p>Once you&#8217;ve done that, go to <strong>Appearance \u2192 Header Footer &amp; Blocks<\/strong> and click <strong>Add New<\/strong>:<a id=\"post-74551-_ak0e53946sqv\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6sf-mqcatk\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"706\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Header-Footer-and-Blocks-to-design-header.jpg\" alt=\"Header Footer and Blocks to design header\" class=\"wp-image-74566\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Header-Footer-and-Blocks-to-design-header.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Header-Footer-and-Blocks-to-design-header-300x212.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Header-Footer-and-Blocks-to-design-header-768x542.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Give your template a name and choose <strong>Header<\/strong> under <strong>Type of Template. <\/strong>You can also use the <strong>Display On <\/strong>or <strong>User Roles<\/strong> options to target your header to specific content\/users.<\/p>\n\n\n\n<p>Then, <strong>Publish<\/strong> your header and click <strong>Edit with Elementor<\/strong> to open the visual builder:<a id=\"post-74551-_d0jxsau1g92f\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6sh-eaq7we\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"772\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Header-Footer-and-Blocks-header-settings.jpg\" alt=\"Header Footer and Blocks header settings\" class=\"wp-image-74565\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Header-Footer-and-Blocks-header-settings.jpg 1000w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Header-Footer-and-Blocks-header-settings-300x232.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Header-Footer-and-Blocks-header-settings-768x593.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Now, you can fully customize your header using Elementor&#8217;s visual drag-and-drop interface. The plugin also gives you new <strong>Header, Footer &amp; Blocks<\/strong> widgets that you can use to add important site elements, like your site&#8217;s logo or a navigation menu:<a id=\"post-74551-_41gynyowuw0\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6si-za1rbi\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1100\" height=\"485\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Elementor-edit-header-with-header-footer-and-blocks.jpg\" alt=\"Elementor edit header with header footer and blocks\" class=\"wp-image-74564\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Elementor-edit-header-with-header-footer-and-blocks.jpg 1100w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Elementor-edit-header-with-header-footer-and-blocks-300x132.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Elementor-edit-header-with-header-footer-and-blocks-1024x451.jpg 1024w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Elementor-edit-header-with-header-footer-and-blocks-768x339.jpg 768w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/><\/figure>\n\n\n\n<p>To learn more about using Elementor, check out our <a href=\"https:\/\/wpastra.com\/guides-and-tutorials\/how-to-use-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">full Elementor tutorial<\/a> or <a href=\"https:\/\/wpastra.com\/review\/elementor-review\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor review<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-74551-_l8xmj3m4jil3\"><\/a>3. Use Custom Code (Advanced)<\/h3>\n\n\n\n<p>Finally, if you&#8217;re an advanced user, you can also customize the WordPress header using your own code. To do this, you&#8217;ll need at least a working knowledge of HTML, PHP, and CSS, so this isn&#8217;t an option for non-technical users.<\/p>\n\n\n\n<p>If you don&#8217;t know those coding languages, you&#8217;ll want to stick with one of the previous methods on this list.<\/p>\n\n\n\n<p>There are two parts to using code to customize your header:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>HTML\/PHP &#8211; this controls the actual content in your header.<\/li>\n\n\n\n<li>CSS &#8211; this controls the styling of your header.<\/li>\n<\/ul>\n\n\n\n<p>As we mentioned earlier, your site&#8217;s header content resides in the <strong>header.php<\/strong> file. So to customize your header&#8217;s content, you&#8217;ll need to work directly with this file. Or, some themes, <a href=\"https:\/\/wpastra.com\/docs\/using-hooks\/\" target=\"_blank\" rel=\"noreferrer noopener\">such as Astra<\/a>, also offer hooks that you can use to <a href=\"https:\/\/wpastra.com\/guides-and-tutorials\/wordpress-add-code-to-header\" target=\"_blank\" rel=\"noreferrer noopener\">add content to the header<\/a>.<\/p>\n\n\n\n<p>In <a href=\"https:\/\/developers.wpastra.com\/theme-visual-hooks\/\" target=\"_blank\" rel=\"noreferrer noopener\">the Astra visual hooks guide<\/a>, you can see that you have a number of options to customize the header:<a id=\"post-74551-_ribxyeatna4l\"><\/a><\/p>\n\n\n\n<figure data-spectra-id=\"spectra-mlrtl6sk-q9kpqv\" class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1100\" height=\"874\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-hooks.jpg\" alt=\"Astra hooks\" class=\"wp-image-74562\" srcset=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-hooks.jpg 1100w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-hooks-300x238.jpg 300w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-hooks-1024x814.jpg 1024w, https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-hooks-768x610.jpg 768w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/><\/figure>\n\n\n\n<p>If you want to edit your theme&#8217;s <strong>header.php<\/strong> file directly, you should <a href=\"https:\/\/wpastra.com\/guides-and-tutorials\/wordpress-create-child-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">use a child theme<\/a> to make sure that you don&#8217;t overwrite your changes when you update your theme.<\/p>\n\n\n\n<p>On the other hand, if you&#8217;re using hooks, you don&#8217;t need to use a child theme as long as you use a plugin like <a href=\"https:\/\/wordpress.org\/plugins\/astra-hooks\/\" rel=\"noopener\">Astra Hooks<\/a> or <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noreferrer noopener\">Code Snippets<\/a>. If you add your hooks directly to your theme&#8217;s <strong>functions.php<\/strong> file, you should still use a child theme, though.<\/p>\n\n\n\n<p>With Astra Pro, you also have the option to add hooks using <a href=\"https:\/\/wpastra.com\/docs\/custom-layout-hooks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Astra Pro&#8217;s Custom Layout feature<\/a>.<\/p>\n\n\n\n<p>The neat thing about Astra Pro&#8217;s Custom Layouts is that you can use display rules to control exactly when the changes display. For example, you could add custom content to your header that only appears to logged-in users.<\/p>\n\n\n\n<p>That&#8217;s how to customize your header&#8217;s <em>content <\/em>&#8211; but what about the styling?<\/p>\n\n\n\n<p>To customize your header&#8217;s styling, you can edit the <strong>style.css<\/strong> file directly if you&#8217;re using a child theme. Or, you can use the <strong>Additional CSS <\/strong>area in the WordPress Customizer to add your own custom styles to the header.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-74551-_nitxi0akxmqo\"><\/a>Customize Your WordPress Header Today<\/h2>\n\n\n\n<p>Your WordPress header isn\u2019t just decoration &#8211; it\u2019s a key part of your site\u2019s branding, navigation, and user experience. A well-structured header helps visitors find what they need, promotes important content, and reinforces your brand identity.<\/p>\n\n\n\n<p>The easiest way to get full control over your header is with the <a href=\"https:\/\/wpastra.com\/\">Astra theme<\/a>. Its drag-and-drop header builder lets you customize everything visually, without touching a single line of code.&nbsp;<\/p>\n\n\n\n<p>But if you\u2019re using a different theme, you can still make adjustments through the Customizer, <a href=\"https:\/\/wordpress.org\/plugins\/header-footer-elementor\/\" rel=\"noopener\">Elementor\u2019s Header &amp; Footer plugin<\/a>, or custom code if you\u2019re comfortable with it.<\/p>\n\n\n\n<p>Before making changes, it\u2019s always a good idea to test first. A broken header can throw off your entire site.&nbsp;<\/p>\n\n\n\n<p>That\u2019s where <a href=\"https:\/\/zipwp.com\/?utm_source=Referral&amp;utm_medium=Astra_blog&amp;utm_campaign=Astra_blog_internal\" rel=\"noopener\">ZipWP<\/a> comes in. It lets you instantly create test websites where you can experiment with themes, plugins, and customizations &#8211; without touching your live site. Want to see it in action? Check out this video.<\/p>\n\n\n<!--presto-player:video_id=111--><figure class=\"wp-block-video presto-block-video  presto-provider-bunny\" style=\"--plyr-color-main: var(--presto-player-highlight-color, #5c2ede); --presto-player-logo-width: 150px; \">\n\t<presto-player \n\t\tpreset='{&quot;id&quot;:1,&quot;name&quot;:&quot;Default&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;icon&quot;:&quot;format-video&quot;,&quot;skin&quot;:&quot;default&quot;,&quot;play-large&quot;:true,&quot;rewind&quot;:true,&quot;play&quot;:true,&quot;fast-forward&quot;:true,&quot;progress&quot;:true,&quot;current-time&quot;:true,&quot;mute&quot;:true,&quot;volume&quot;:true,&quot;speed&quot;:false,&quot;pip&quot;:false,&quot;fullscreen&quot;:true,&quot;captions&quot;:false,&quot;reset_on_end&quot;:true,&quot;auto_hide&quot;:true,&quot;captions_enabled&quot;:false,&quot;save_player_position&quot;:true,&quot;sticky_scroll&quot;:false,&quot;sticky_scroll_position&quot;:&quot;bottom right&quot;,&quot;on_video_end&quot;:&quot;select&quot;,&quot;play_video_viewport&quot;:false,&quot;hide_youtube&quot;:false,&quot;lazy_load_youtube&quot;:false,&quot;hide_logo&quot;:false,&quot;border_radius&quot;:0,&quot;caption_style&quot;:&quot;&quot;,&quot;caption_background&quot;:&quot;&quot;,&quot;is_locked&quot;:true,&quot;cta&quot;:[&quot;&quot;],&quot;watermark&quot;:[&quot;&quot;],&quot;email_collection&quot;:[&quot;&quot;],&quot;action_bar&quot;:[&quot;&quot;],&quot;created_by&quot;:2,&quot;created_at&quot;:&quot;2021-12-07 22:12:34&quot;,&quot;updated_at&quot;:&quot;2022-02-21 11:07:27&quot;,&quot;deleted_at&quot;:&quot;&quot;,&quot;search&quot;:[&quot;&quot;],&quot;show_time_elapsed&quot;:false}'\n\t\tbranding='{&quot;logo&quot;:&quot;&quot;,&quot;color&quot;:&quot;#5c2ede&quot;,&quot;logo_width&quot;:150,&quot;player_css&quot;:&quot;:host(.presto-preset-id-6) .plyr__controls{\\n  display: none; \\n}&quot;}'\n\t\tchapters='[]'\n\t\toverlays='[]'\n\t\ttracks='[]'\n\t\tblock-attributes='{&quot;playsInline&quot;:true,&quot;mutedPreview&quot;:{&quot;enabled&quot;:true,&quot;captions&quot;:false},&quot;id&quot;:111,&quot;src&quot;:&quot;https:\\\/\\\/vz-77955df6-64a.b-cdn.net\\\/5ea95c74-6a5e-434a-b524-0c8e896e7453\\\/playlist.m3u8&quot;,&quot;preset&quot;:1,&quot;thumbnail&quot;:&quot;https:\\\/\\\/vz-77955df6-64a.b-cdn.net\\\/5ea95c74-6a5e-434a-b524-0c8e896e7453\\\/thumbnail.jpg&quot;,&quot;preview&quot;:&quot;https:\\\/\\\/vz-77955df6-64a.b-cdn.net\\\/5ea95c74-6a5e-434a-b524-0c8e896e7453\\\/preview.webp&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;title&quot;:&quot;Create-website-with-zipwp-ai-with-titles.mp4&quot;}'\n\t\tanalytics=''\n\t\tautomations\t\tprovider='bunny'\n\t\t\t\tid=\"presto-player-1\"\n\t\tsrc=\"https:\/\/vz-77955df6-64a.b-cdn.net\/5ea95c74-6a5e-434a-b524-0c8e896e7453\/playlist.m3u8\"\n\t\tmedia-title=\"Create-website-with-zipwp-ai-with-titles.mp4\"\n\t\tcss=\":host(.presto-preset-id-6) .plyr__controls{\n  display: none; \n}\"\n\t\tclass=\"presto-video-id-111 presto-preset-id-1 skin-default\"\n\t\tskin=\"default\" \n\t\ticon-url=\"https:\/\/wpastra.com\/wp-content\/plugins\/presto-player\/img\/sprite.svg\" \n\t\tpreload=\"\" \n\t\tposter=\"https:\/\/vz-77955df6-64a.b-cdn.net\/5ea95c74-6a5e-434a-b524-0c8e896e7453\/thumbnail.jpg\"\n\t\tyoutube=\"{&quot;noCookie&quot;:false,&quot;channelId&quot;:&quot;&quot;,&quot;show_count&quot;:false}\"\n\t\tprovider-video-id=\"\"\n\t\tvideo-id=\"111\"\n\t\t\t\tvideo-attributes='{}'\n\t\tplaysinline\t\t\t\t>\n\t\t    \n\n\t<\/presto-player>\n<\/figure>\t\t<script type=\"application\/ld+json\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"VideoObject\",\"name\":\"Create-website-with-zipwp-ai-with-titles.mp4\",\"thumbnailUrl\":\"https:\\\/\\\/vz-77955df6-64a.b-cdn.net\\\/5ea95c74-6a5e-434a-b524-0c8e896e7453\\\/thumbnail.jpg\",\"uploadDate\":\"2025-01-14T22:36:35+05:30\",\"contentUrl\":\"https:\\\/\\\/vz-77955df6-64a.b-cdn.net\\\/5ea95c74-6a5e-434a-b524-0c8e896e7453\\\/playlist.m3u8\"}\t\t<\/script>\n\t\t\n\n\n<p><a href=\"https:\/\/zipwp.com\/?utm_source=Referral&amp;utm_medium=Astra_blog&amp;utm_campaign=Astra_blog_internal\" data-type=\"link\" data-id=\"https:\/\/zipwp.com\/?utm_source=Referral&amp;utm_medium=Astra_blog&amp;utm_campaign=Astra_blog_internal\" rel=\"noopener\">Create your free test site with ZipWP<\/a> and customize with confidence!<\/p>\n\n\n\n<p>Once done, A\/B test your header using <a href=\"https:\/\/sigmize.com\/\" rel=\"noopener\">Sigmize<\/a>. It&#8217;s the easiest way to improve your site using real user data!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Customizing your website header in makes it unique and personal. This step-by-step guide shows you how to access the customizer or theme settings to modify header elements such as logo, menu styles, and navigation placement, use CSS for advanced customization, and preview changes.<\/p>\n","protected":false},"author":9,"featured_media":74570,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"spectra_gs_classes":"[\"\"]","footnotes":""},"categories":[860],"tags":[2118,2034],"class_list":{"0":"post-74551","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-guides-and-tutorials","8":"tag-how-to-schema","9":"tag-ast-how-to-post-tag"},"spectra_custom_meta":{"_edit_lock":["1771406778:101"],"_edit_last":["101"],"astra_display_author":["9"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_primary_category":["860"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_title":["4 Simple Ways to Customize Headers in WordPress - Beginner's Guide"],"_yoast_wpseo_focuskw":["wordpress header"],"_yoast_wpseo_metadesc":["Customizing your WordPress header is a fast and easy way to deliver extra brand impact while also improving the user experience. See how easy it is here!"],"_yoast_wpseo_linkdex":["75"],"_yoast_wpseo_opengraph-title":["4 Simple Ways to Customize Headers in WordPress for Free"],"_yoast_wpseo_opengraph-description":["Customizing your WordPress header is a fast and easy way to deliver extra brand impact while also improving the user experience. And it takes less than five minutes. See how easy it is here!"],"_yoast_wpseo_twitter-title":["4 Simple Ways to Customize Headers in WordPress for Free"],"_yoast_wpseo_twitter-description":["Customizing your WordPress header is a fast and easy way to deliver extra brand impact while also improving the user experience. And it takes less than five minutes. See how easy it is here!"],"_thumbnail_id":["74570"],"_ppc_meta_key":["a:16:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key3\";s:28:\"Category and Author Selected\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:20:\"ppc_key5ddf5b93dc6a6\";s:21:\"Affiliate Links Added\";s:20:\"ppc_key5ddf5ba19a347\";s:9:\"TOC Added\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:20:\"ppc_key5ddf5c326920c\";s:59:\"Headings are in title-case and have appropriate heading tag\";s:8:\"ppc_key5\";s:37:\"Title is Catchy and Slug is Optimized\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";s:20:\"ppc_key610cc9c5c4d6c\";s:37:\"For new content disable updated date.\";s:20:\"ppc_key610cc9d811cfe\";s:39:\"For updated content enable updated date\";s:20:\"ppc_key62b01736334b5\";s:37:\"For new content, disable updated date\";s:20:\"ppc_key62b0173b707c0\";s:40:\"For updated content, enable updated date\";s:20:\"ppc_key62b0172ee5a4c\";s:23:\"Featured image assigned\";}","a:16:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key3\";s:28:\"Category and Author Selected\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:20:\"ppc_key5ddf5b93dc6a6\";s:21:\"Affiliate Links Added\";s:20:\"ppc_key5ddf5ba19a347\";s:9:\"TOC Added\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:20:\"ppc_key5ddf5c326920c\";s:59:\"Headings are in title-case and have appropriate heading tag\";s:8:\"ppc_key5\";s:37:\"Title is Catchy and Slug is Optimized\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";s:20:\"ppc_key610cc9c5c4d6c\";s:37:\"For new content disable updated date.\";s:20:\"ppc_key610cc9d811cfe\";s:39:\"For updated content enable updated date\";s:20:\"ppc_key62b01736334b5\";s:37:\"For new content, disable updated date\";s:20:\"ppc_key62b0173b707c0\";s:40:\"For updated content, enable updated date\";s:20:\"ppc_key62b0172ee5a4c\";s:23:\"Featured image assigned\";}"],"_yoast_wpseo_estimated-reading-time-minutes":["10"],"_lmt_disableupdate":["no"],"wp_last_modified_info":["September 20, 2023 @ 2:50 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_uagb_toc_heading_content":["a:11:{i:0;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:28:\"what-is-the-wordpress-header\";s:7:\"content\";s:29:\"What Is the WordPress Header?\";s:5:\"depth\";i:2;}i:1;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:48:\"how-to-customize-the-wordpress-header-with-astra\";s:7:\"content\";s:48:\"How to Customize the WordPress Header With Astra\";s:5:\"depth\";i:2;}i:2;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:31:\"1-open-the-astra-header-builder\";s:7:\"content\";s:32:\"1. Open the Astra Header Builder\";s:5:\"depth\";i:3;}i:3;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:33:\"2-add-and-organize-header-content\";s:7:\"content\";s:34:\"2. Add and Organize Header Content\";s:5:\"depth\";i:3;}i:4;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:25:\"3-customize-header-layout\";s:7:\"content\";s:26:\"3. Customize Header Layout\";s:5:\"depth\";i:3;}i:5;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:44:\"4-experiment-with-different-types-of-headers\";s:7:\"content\";s:45:\"4. Experiment With Different Types of Headers\";s:5:\"depth\";i:3;}i:6;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:50:\"three-other-ways-to-customize-the-wordpress-header\";s:7:\"content\";s:50:\"Three Other Ways to Customize the WordPress Header\";s:5:\"depth\";i:2;}i:7;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:37:\"1-use-your-themes-customizer-settings\";s:7:\"content\";s:39:\"1. Use Your Theme's Customizer Settings\";s:5:\"depth\";i:3;}i:8;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:47:\"2-use-elementor-and-a-free-custom-header-plugin\";s:7:\"content\";s:48:\"2. Use Elementor and a Free Custom Header Plugin\";s:5:\"depth\";i:3;}i:9;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:26:\"3-use-custom-code-advanced\";s:7:\"content\";s:29:\"3. Use Custom Code (Advanced)\";s:5:\"depth\";i:3;}i:10;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:37:\"customize-your-wordpress-header-today\";s:7:\"content\";s:37:\"Customize Your WordPress Header Today\";s:5:\"depth\";i:2;}}"],"_wplmi_last_modified":["2023-09-20 14:50:08"],"_lmt_disable":["no"],"rank_math_primary_category":["860"],"rank_math_title":["How To Customize the Header in WordPress (Beginner\u2019s Guide)"],"rank_math_description":["Learn how to customize the header in WordPress with our beginner's guide. Discover 4 ways to customize the most important part of your website."],"rank_math_focus_keyword":["wordpress customize header"],"rank_math_facebook_title":["How To Customize the Header in WordPress (Beginner\u2019s Guide)"],"rank_math_facebook_description":["Learn how to customize the header in WordPress with our beginner's guide. Discover 4 ways to customize the most important part of your website."],"rank_math_twitter_title":["How To Customize the Header in WordPress (Beginner\u2019s Guide)"],"rank_math_twitter_description":["Learn how to customize the header in WordPress with our beginner's guide. Discover 4 ways to customize the most important part of your website."],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_twitter_use_facebook":["off"],"rank_math_analytic_object_id":["20595"],"rank_math_internal_links_processed":["1"],"_wp_page_template":["default"],"rank_math_seo_score":["33"],"how-to-120253-name-fieldtype":["custom-field"],"how-to-120253-name":["How to Customize Headers in WordPress"],"how-to-120253-description-fieldtype":["global-field"],"how-to-120253-description":["post_content"],"how-to-120253-total-time-fieldtype":["custom-field"],"how-to-120253-total-time":["PT00H30M00S"],"how-to-120253-supply-fieldtype":[null],"how-to-120253-supply":["a:2:{i:0;a:1:{s:4:\"name\";s:17:\"WordPress Website\";}i:1;a:1:{s:4:\"name\";s:11:\"Astra Theme\";}}"],"how-to-120253-tool-fieldtype":[null],"how-to-120253-tool":["a:2:{i:0;a:1:{s:4:\"name\";s:8:\"Computer\";}i:1;a:1:{s:4:\"name\";s:8:\"Internet\";}}"],"how-to-120253-steps-fieldtype":[null],"how-to-120253-steps":["a:4:{i:0;a:4:{s:4:\"name\";s:29:\"Open the Astra Header Builder\";s:11:\"description\";s:133:\"Select Appearance > Customize from the WordPress menu. Select Header Builder from the left menu to open the header for customization.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:1;a:4:{s:4:\"name\";s:30:\"Change the features and layout\";s:11:\"description\";s:161:\"Add, remove or customize header options from the three rows at the bottom of the header pane. Click and select new elements to add or hit \u2018X\u2019 to delete them.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:2;a:4:{s:4:\"name\";s:22:\"Customize new elements\";s:11:\"description\";s:90:\"Select any new element you add and use the Design tab on the left to fully customize them.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:3;a:4:{s:4:\"name\";s:39:\"Publish the header to save your changes\";s:11:\"description\";s:107:\"Once you\u2019re completely happy, select the blue Publish button at the top of the left menu to make it live.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}}"],"wp_schema_pro_optimized_structured_data":["<!-- Schema optimized by Schema Pro --><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"HowTo\",\"name\":\"How to Customize Headers in WordPress\",\"description\":\"Looking for an easy way to customize the WordPress header?\\n\\n\\n\\nBecause your header sits at the top of every page, it plays an essential role in branding your website, helping your visitors navigate, and promoting your most important content.\\n\\n\\n\\nHowever, to get the most benefits from your site's header, you need a way to edit it, which many themes don't offer.\\n\\n\\n\\nIn this post, we'll share some different tactics that you can use to customize the header in WordPress using both simple drag-and-drop interfaces and your own code.\\n\\n\\n\\nThe easiest option is to use the Astra theme and its drag-and-drop header builder, but we'll also share some other tactics that will work with any WordPress theme.\\n\\n\\n\\n\\n\\nWhat Is the WordPress Header?\\n\\n\\n\\nThe WordPress header is the part of your site that appears at the top of every page. Typically, it includes at least two elements at the bare minimum:\\n\\n\\n\\nSite logo\/identityNavigation menu(s)\\n\\n\\n\\nFor example, here's what the header looks like on the Astra blog. You can see that it includes the Astra logo, as well as two separate navigation menus:\\n\\n\\n\\n\\n\\n\\n\\nDepending on your needs, you can also include other elements such as social media icons, a search box, promos, your phone number and other information.\\n\\n\\n\\nIf you ever need to see how it works, the WordPress header is contained in the header.php file in your WordPress theme.\\n\\n\\n\\nHow to Customize the WordPress Header With Astra\\n\\n\\n\\nIf you want full control over your WordPress header, the free Astra theme gives you a drag-and-drop, no-code way to fully customize your WordPress header.\\n\\n\\n\\nYou'll be able to see your changes right away on a live preview of your website and you can easily add different types of content, such as buttons, social icons, a search box, and more.\\n\\n\\n\\nTo get started, you'll want to install and activate the Astra theme. You can also import one of the hundreds of pre-built demo sites to get quickly up and running. If you need a helping hand with any of those steps, we have plenty of guides to help you out:\\n\\n\\n\\nHow to install AstraHow to import starter sites\\n\\n\\n\\nOnce you have your basic site ready to go, here's how to customize your header using Astra.\\n\\n\\n\\n1. Open the Astra Header Builder\\n\\n\\n\\nTo get started, go to Appearance \u2192 Customize in your WordPress dashboard to launch the native WordPress Customizer. Then, select the Header Builder option:\\n\\n\\n\\n\\n\\n\\n\\nOnce you launch the header builder, you'll see a new set of options where you can control the layout of your header:\\n\\n\\n\\n\\n\\n\\n\\n2. Add and Organize Header Content\\n\\n\\n\\nNow for the fun part - adding content. You can see that you have three rows in the header builder. Each row controls the content for a different part of the header:\\n\\n\\n\\nAbove headerPrimary header - this is where you'll put your \\\"main\\\" content.Below header\\n\\n\\n\\n\\n\\n\\n\\nYou'll absolutely want to include content in the primary header, and then you have the option to add content above or below that according to your needs.\\n\\n\\n\\nTo add content, you can click on the spot where you want to add content. This will open a set of options:\\n\\n\\n\\nPrimary menuSecondary menuLogoButtonSearchSocialHTML 1HTML 2\\n\\n\\n\\nNote that, as you add content, you'll see fewer options. For example, you can only add your logo once, so that option will disappear once you've already added a logo to your header:\\n\\n\\n\\n\\n\\n\\n\\nOnce you've added some content, you can click on that content to open its settings. For example, if you add a button, you'll be able to control the button text and link.\\n\\n\\n\\nYou can also open the Design settings to customize things further:\\n\\n\\n\\n\\n\\n\\n\\nIf you want to rearrange your content or move it to a different row, all you need to do is drag-and-drop it:\\n\\n\\n\\n\\n\\n\\n\\n3. Customize Header Layout\\n\\n\\n\\nAbove, we showed you how to customize the individual elements inside your header. You also have several options to customize your header as a whole.\\n\\n\\n\\nFirst off, you can go to the Design tab of the main header builder to control the width and spacing of your header. You can also click on the gear icon for each header row to customize its height and design:\\n\\n\\n\\n\\n\\n\\n\\n4. Experiment With Different Types of Headers\\n\\n\\n\\nDepending on whether you're using the free version of Astra or Astra Pro, you'll also get access to additional types of headers, such as transparent headers (free) and sticky headers (Pro).\\n\\n\\n\\nYou can use the same header and footer builder above to design your transparent or sticky header. You'll see those options under the Header Types section. You can click on them to expand the settings and design those different header types:\\n\\n\\n\\n\\n\\n\\n\\nThree Other Ways to Customize the WordPress Header\\n\\n\\n\\nWhile Astra's drag-and-drop header builder offers the easiest way to customize the WordPress header, there are also other tactics that you can use, no matter what theme you're using.\\n\\n\\n\\nHere are some of the best strategies...\\n\\n\\n\\n1. Use Your Theme's Customizer Settings\\n\\n\\n\\nMost WordPress themes give you some control over your site's header in the native WordPress Customizer. You're unlikely to get the level of detail that Astra gives you, but you will get some options to control how your header looks and functions.\\n\\n\\n\\nThese options will vary based on your theme, but you can usually open them by clicking on the blue pencil icon next to elements in your header. For example, in the new Twenty Twenty-One default theme, you can see that you're able to customize your:\\n\\n\\n\\nLogoSite headlineMenu\\n\\n\\n\\n\\n\\n\\n\\nIf you need some extra help, you can consult your theme developer's documentation.\\n\\n\\n\\n2. Use Elementor and a Free Custom Header Plugin\\n\\n\\n\\nIf you're not familiar with Elementor, it's a visual, drag-and-drop design tool that you can use to create content on your site. With the free Elementor \u2013 Header, Footer &amp; Blocks Template custom header WordPress plugin, you can use the free version of Elementor to design your own custom header with Elementor.\\n\\n\\n\\nThis plugin works perfectly with the free Astra theme, as well as any other WordPress theme you might be using.\\n\\n\\n\\nTo get started, install and activate the free plugin from WordPress.org. You'll also need to install the free version of Elementor if you haven't done so already.\\n\\n\\n\\nOnce you've done that, go to Appearance \u2192 Header Footer &amp; Blocks and click Add New:\\n\\n\\n\\n\\n\\n\\n\\nGive your template a name and choose Header under Type of Template. You can also use the Display On or User Roles options to target your header to specific content\/users.\\n\\n\\n\\nThen, Publish your header and click Edit with Elementor to open the visual builder:\\n\\n\\n\\n\\n\\n\\n\\nNow, you can fully customize your header using Elementor's visual drag-and-drop interface. The plugin also gives you new Header, Footer &amp; Blocks widgets that you can use to add important site elements, like your site's logo or a navigation menu:\\n\\n\\n\\n\\n\\n\\n\\nTo learn more about using Elementor, check out our full Elementor tutorial or Elementor review.\\n\\n\\n\\n3. Use Custom Code (Advanced)\\n\\n\\n\\nFinally, if you're an advanced user, you can also customize the WordPress header using your own code. To do this, you'll need at least a working knowledge of HTML, PHP, and CSS, so this isn't an option for non-technical users.\\n\\n\\n\\nIf you don't know those coding languages, you'll want to stick with one of the previous methods on this list.\\n\\n\\n\\nThere are two parts to using code to customize your header:\\n\\n\\n\\nHTML\/PHP - this controls the actual content in your header.CSS - this controls the styling of your header.\\n\\n\\n\\nAs we mentioned earlier, your site's header content resides in the header.php file. So to customize your header's content, you'll need to work directly with this file. Or, some themes, such as Astra, also offer hooks that you can use to add content to the header.\\n\\n\\n\\nIn the Astra visual hooks guide, you can see that you have a number of options to customize the header:\\n\\n\\n\\n\\n\\n\\n\\nIf you want to edit your theme's header.php file directly, you should use a child theme to make sure that you don't overwrite your changes when you update your theme.\\n\\n\\n\\nOn the other hand, if you're using hooks, you don't need to use a child theme as long as you use a plugin like Astra Hooks or Code Snippets. If you add your hooks directly to your theme's functions.php file, you should still use a child theme, though.\\n\\n\\n\\nWith Astra Pro, you also have the option to add hooks using Astra Pro's Custom Layout feature.\\n\\n\\n\\nThe neat thing about Astra Pro's Custom Layouts is that you can use display rules to control exactly when the changes display. For example, you could add custom content to your header that only appears to logged-in users.\\n\\n\\n\\nThat's how to customize your header's content - but what about the styling?\\n\\n\\n\\nTo customize your header's styling, you can edit the style.css file directly if you're using a child theme. Or, you can use the Additional CSS area in the WordPress Customizer to add your own custom styles to the header.\\n\\n\\n\\nCustomize Your WordPress Header Today\\n\\n\\n\\nYour WordPress header plays an essential role in your site's success. It helps brand your website, guide your visitors to key content, promote important information or social profiles, and plenty more.\\n\\n\\n\\nThe easiest way to gain full control over your site's header is to use the free Astra theme. With Astra, you get access to a visual, drag-and-drop header builder. You don't need any code or external plugins - you'll get 100% control of your header from right inside the WordPress Customizer.\\n\\n\\n\\nIn other situations, you can also use a different theme's Customizer settings, the Elementor \u2013 Header, Footer &amp; Blocks Template plugin, or your own code if you have the technical knowledge.\\n\\n\\n\\nSimilarly, you can edit the WordPress footer with minimal effort.\\n\\n\\n\\nDo you still have any questions about how to customize the WordPress header? Leave a comment!\",\"totalTime\":\"PT00H30M00S\",\"supply\":[{\"@type\":\"HowToSupply\",\"name\":\"WordPress Website\"},{\"@type\":\"HowToSupply\",\"name\":\"Astra Theme\"}],\"tool\":[{\"@type\":\"HowToTool\",\"name\":\"Computer\"},{\"@type\":\"HowToTool\",\"name\":\"Internet\"}],\"step\":[{\"@type\":\"HowToStep\",\"name\":\"Open the Astra Header Builder\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Select Appearance > Customize from the WordPress menu. Select Header Builder from the left menu to open the header for customization.\"}},{\"@type\":\"HowToStep\",\"name\":\"Change the features and layout\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Add, remove or customize header options from the three rows at the bottom of the header pane. Click and select new elements to add or hit \u2018X\u2019 to delete them.\"}},{\"@type\":\"HowToStep\",\"name\":\"Customize new elements\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Select any new element you add and use the Design tab on the left to fully customize them.\"}},{\"@type\":\"HowToStep\",\"name\":\"Publish the header to save your changes\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Once you\u2019re completely happy, select the blue Publish button at the top of the left menu to make it live.\"}}]}<\/script><!-- \/ Schema optimized by Schema Pro -->"],"uael-social-share-count":["a:1:{s:8:\"1b71105e\";i:376;}"],"_wpml_media_featured":["1"],"_wpml_media_duplicate":["0"],"_wpml_word_count":["{\"total\":1873,\"to_translate\":{\"es\":1873}}"],"_trp_automatically_translated_slug_es_ES":["wordpress-personalizar-cabecera"],"social-share-numbers":["96"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"footnotes":[""],"_pys_head_footer":["a:7:{s:14:\"disable_global\";b:0;s:8:\"head_any\";s:0:\"\";s:12:\"head_desktop\";s:0:\"\";s:11:\"head_mobile\";s:0:\"\";s:10:\"footer_any\";s:0:\"\";s:14:\"footer_desktop\";s:0:\"\";s:13:\"footer_mobile\";s:0:\"\";}"],"spectra_gs_classes":["[\"\"]"],"_uag_page_assets":["a:9:{s:3:\"css\";s:22301:\".wp-block-uagb-table-of-contents .uagb-toc__wrap{display:inline-block;max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}.wp-block-uagb-table-of-contents li.uagb-toc__list{padding-top:10px}.wp-block-uagb-table-of-contents ul.uagb-toc__list,.wp-block-uagb-table-of-contents ol.uagb-toc__list{list-style-position:inside;padding-left:0;margin-bottom:0;margin-left:2.2em}.wp-block-uagb-table-of-contents ul.uagb-toc__list li,.wp-block-uagb-table-of-contents ol.uagb-toc__list li{margin:0}.wp-block-uagb-table-of-contents ul li:empty{display:none}.wp-block-uagb-table-of-contents .uagb-toc__title-wrap{display:flex;align-items:center}.wp-block-uagb-table-of-contents .uagb-toc__title{display:flex;align-items:center}.wp-block-uagb-table-of-contents .uagb-toc__is-collapsible.uagb-toc__title-wrap{cursor:pointer}.wp-block-uagb-table-of-contents .uag-toc__collapsible-wrap svg{width:20px;height:20px}.wp-block-uagb-table-of-contents svg{width:20px;height:20px;display:inline-block;margin-left:10px;cursor:pointer}.wp-block-uagb-table-of-contents .uag-toc__collapsible-wrap{display:flex;margin-left:10px;cursor:pointer}.wp-block-uagb-table-of-contents.uagb-toc__collapse .uagb-toc__list-wrap{display:none}.wp-block-uagb-table-of-contents.uagb-toc__collapse--list ul.uagb-toc__list,.wp-block-uagb-table-of-contents.uagb-toc__collapse--list ol.uagb-toc__list{padding-left:2px}ol.uagb-toc__list li.uagb-toc__list ul,ol.uagb-toc__list ul.uagb-toc__list ul{list-style-type:circle}ol.uagb-toc__list>ul,ol.uagb-toc__list>li{list-style-type:disc}.uagb-toc__scroll-top{position:fixed;right:50px;bottom:50px;display:none;padding:10px;background:#ccd0d4;cursor:pointer;font-size:1rem;line-height:1.85714285714286}.uagb-toc__scroll-top svg{width:1.6em;height:0.6em;margin-left:0;transform:translate(0, -20%) rotate(180deg);fill:currentColor}.uagb-toc__scroll-top.uagb-toc__show-scroll{display:inline-table}body[class*=\"astra\"] .uagb-toc__list{line-height:normal}.uagb-toc__list{margin-top:0}.wp-block-uagb-table-of-contents ol.uagb-toc__list li.uagb-toc__list.uagb-toc__list--expandable{list-style-type:none !important}ul.uagb-toc__list--child-of-closed-list{padding-top:0 !important}ul.uagb-toc__list--hidden-child{display:none !important}.list-open::before,.list-collapsed::before{content:\"\\25BC\" \/ \"\";transition:transform 0.3s ease;transform:scale(0.7) translateX(-50%);display:inline-block}.list-collapsed::before{transform:scale(0.7) rotate(-90deg) translate(-84%, 6%)}span.list-open,span.list-collapsed{cursor:pointer;outline:none !important}.uagb-toc__list.transition{transition:max-height 300ms ease-in-out, padding-top 300ms ease-in-out}.uagb-toc__loader{border:2px solid #f3f3f3;border-top:2px solid #0073aa;border-radius:50%;width:20px;height:20px;animation:spin 1.1s linear infinite;display:block;position:absolute;margin-top:5px}.uagb-toc__list-hidden{opacity:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}[dir=\"rtl\"] .list-open::before{transform:scale(0.7) translateX(50%)}[dir=\"rtl\"] .list-collapsed::before{transform:scale(0.7) rotate(90deg) translate(84%, 6%)}[dir=\"rtl\"] .wp-block-uagb-table-of-contents.uagb-toc__collapse--list ul.uagb-toc__list,[dir=\"rtl\"] .wp-block-uagb-table-of-contents.uagb-toc__collapse--list ol.uagb-toc__list{padding-left:0;padding-right:2px;margin-left:0;margin-right:2.2em}\n.uagb-block-69bd0653.wp-block-uagb-table-of-contents{text-align: left;}.uagb-block-69bd0653 .uagb-toc__list-wrap li a{color: #54595F;}.uagb-block-69bd0653 .uagb-toc__wrap .uagb-toc__title-wrap{justify-content: left;}.uagb-block-69bd0653 .uagb-toc__wrap .uagb-toc__title{justify-content: left;}.uagb-block-69bd0653 .uagb-toc__wrap{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-color: #333;border-style: solid;padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;background: #fff;width: 100%;}.uagb-block-69bd0653 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-69bd0653 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-69bd0653 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}.uagb-block-69bd0653 .uagb-toc__list .uagb-toc__list{list-style-type: disc !important;}.uagb-block-69bd0653 .uagb-toc__title{font-weight: Default;font-size: 20px;}.uagb-block-69bd0653 .uagb-toc__list-wrap ol li a{text-decoration: underline;}@media only screen and (max-width: 976px) {.uagb-block-69bd0653 .uagb-toc__wrap{border-style: solid;}.uagb-block-69bd0653 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-69bd0653 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-69bd0653 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}@media only screen and (max-width: 767px) {.uagb-block-69bd0653 .uagb-toc__wrap{border-style: solid;}.uagb-block-69bd0653 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-69bd0653 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-69bd0653 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.wp-block-uagb-container{display:flex;position:relative;box-sizing:border-box;transition-property:box-shadow;transition-duration:0.2s;transition-timing-function:ease}.wp-block-uagb-container .spectra-container-link-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.wp-block-uagb-container.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:flex;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.wp-block-uagb-container .wp-block-uagb-blockquote,.wp-block-uagb-container .wp-block-spectra-pro-login,.wp-block-uagb-container .wp-block-spectra-pro-register{margin:unset}.wp-block-uagb-container .uagb-container__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.wp-block-uagb-container .uagb-container__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-container.uagb-layout-grid{display:grid;width:100%}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap{display:inherit;width:inherit}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.alignwide.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:inherit;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box),body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap,body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){min-width:unset !important;width:100%;position:relative}body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container ol,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap ol{max-width:-webkit-fill-available;margin-block-start:0;margin-block-end:0;margin-left:20px}.ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .uagb-is-root-container.wp-block-uagb-container.alignwide{margin-left:auto;margin-right:auto}.uagb-container__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.uagb-container__shape-top{top:-3px}.uagb-container__shape-bottom{bottom:-3px}.uagb-container__shape.uagb-container__invert.uagb-container__shape-bottom,.uagb-container__shape.uagb-container__invert.uagb-container__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-container__shape.uagb-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-container__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-container__shape .uagb-container__shape-fill{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-container__shape.uagb-container__shape-above-content{z-index:9;pointer-events:none}.nv-single-page-wrap .nv-content-wrap.entry-content .wp-block-uagb-container.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media only screen and (max-width: 767px){.wp-block-uagb-container .wp-block-uagb-advanced-heading{width:-webkit-fill-available}}.wp-block-uagb-image--align-none{justify-content:center}\n.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;}}.wp-block-uagb-image{display:flex}.wp-block-uagb-image__figure{position:relative;display:flex;flex-direction:column;max-width:100%;height:auto;margin:0}.wp-block-uagb-image__figure img{height:auto;display:flex;max-width:100%;transition:box-shadow 0.2s ease}.wp-block-uagb-image__figure>a{display:inline-block}.wp-block-uagb-image__figure figcaption{text-align:center;margin-top:0.5em;margin-bottom:1em}.wp-block-uagb-image .components-placeholder.block-editor-media-placeholder .components-placeholder__instructions{align-self:center}.wp-block-uagb-image--align-left{text-align:left}.wp-block-uagb-image--align-right{text-align:right}.wp-block-uagb-image--align-center{text-align:center}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw;height:auto}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure img{height:auto;width:100% !important}.wp-block-uagb-image--align-wide .wp-block-uagb-image__figure img{height:auto;width:100%}.wp-block-uagb-image--layout-overlay__color-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.2;background:rgba(0,0,0,0.5);transition:opacity 0.35s ease-in-out}.wp-block-uagb-image--layout-overlay-link{position:absolute;left:0;right:0;bottom:0;top:0}.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity:1}.wp-block-uagb-image--layout-overlay__inner{position:absolute;left:15px;right:15px;bottom:15px;top:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-color:#fff;transition:0.35s ease-in-out}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.top-center,.wp-block-uagb-image--layout-overlay__inner.top-right{justify-content:flex-start}.wp-block-uagb-image--layout-overlay__inner.bottom-left,.wp-block-uagb-image--layout-overlay__inner.bottom-center,.wp-block-uagb-image--layout-overlay__inner.bottom-right{justify-content:flex-end}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.center-left,.wp-block-uagb-image--layout-overlay__inner.bottom-left{align-items:flex-start}.wp-block-uagb-image--layout-overlay__inner.top-right,.wp-block-uagb-image--layout-overlay__inner.center-right,.wp-block-uagb-image--layout-overlay__inner.bottom-right{align-items:flex-end}.wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{color:#fff;transition:transform 0.35s, opacity 0.35s ease-in-out;transform:translate3d(0, 24px, 0);margin:0;line-height:1em}.wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width:30%;border-top-width:2px;border-top-color:#fff;border-top-style:solid;margin-bottom:10px;opacity:0;transition:transform 0.4s, opacity 0.4s ease-in-out;transform:translate3d(0, 30px, 0)}.wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity:0;overflow:visible;color:#fff;transition:transform 0.45s, opacity 0.45s ease-in-out;transform:translate3d(0, 35px, 0)}.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-heading,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-separator,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-caption{opacity:1;transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1.05)}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{width:calc(100% + 40px) !important;max-width:none !important;transform:translate3d(-40px, 0, 0);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-grayscale img{filter:grayscale(0%);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-grayscale:hover img{filter:grayscale(100%)}.wp-block-uagb-image--effect-blur img{filter:blur(0);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-blur:hover img{filter:blur(3px)}\n.uagb-block-220fc123.wp-block-uagb-image{text-align: left;justify-content: flex-start;align-self: flex-start;}.uagb-block-220fc123 .wp-block-uagb-image__figure{align-items: flex-start;}.uagb-block-220fc123.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-220fc123.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-220fc123.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-220fc123.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-220fc123.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-220fc123.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-220fc123.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-220fc123.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-220fc123.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-220fc123.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-220fc123.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 134px;height: auto;}.uagb-block-220fc123.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-220fc123.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-220fc123.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-220fc123.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}@media only screen and (max-width: 976px) {.uagb-block-220fc123.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 134px;height: auto;}}@media only screen and (max-width: 767px) {.uagb-block-220fc123.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 134px;height: auto;}}.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}\n.wp-block-uagb-advanced-heading.uagb-block-76d8c708.wp-block-uagb-advanced-heading {text-align: center;}.wp-block-uagb-advanced-heading.uagb-block-76d8c708.wp-block-uagb-advanced-heading .uagb-desc-text{color: var(--ast-global-color-5);margin-bottom: 0px;}.wp-block-uagb-advanced-heading.uagb-block-76d8c708.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-76d8c708.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-76d8c708.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-76d8c708 .uagb-heading-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-76d8c708 .uagb-desc-text{font-weight: 600;}\";s:2:\"js\";s:387:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function(){\n\tUAGBTableOfContents._run( {\"mappingHeaders\":[false,true,true,false,false,false],\"scrollToTop\":false,\"makeCollapsible\":false,\"enableCollapsableList\":false,\"initialCollapse\":false,\"markerView\":\"disc\",\"isFrontend\":true,\"initiallyCollapseList\":false}, '.uagb-block-69bd0653' );\n} );\n });\";s:18:\"current_block_list\";a:11:{i:0;s:14:\"core\/paragraph\";i:1;s:22:\"uagb\/table-of-contents\";i:2;s:12:\"core\/heading\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:10:\"core\/image\";i:6;s:30:\"presto-player\/reusable-display\";i:7;s:14:\"uagb\/container\";i:8;s:14:\"core\/shortcode\";i:9;s:10:\"uagb\/image\";i:10;s:21:\"uagb\/advanced-heading\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777638069\";s:6:\"gfonts\";a:1:{s:7:\"Default\";a:2:{s:10:\"fontfamily\";s:7:\"Default\";s:12:\"fontvariants\";a:0:{}}}s:10:\"gfonts_url\";s:71:\"\/\/fonts.googleapis.com\/css?family=Default&subset=latin&display=fallback\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"],"_uagb_toc_options":["a:2:{s:17:\"_uagb_toc_version\";s:10:\"1777638069\";s:18:\"_uagb_toc_headings\";a:11:{i:0;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:28:\"what-is-the-wordpress-header\";s:7:\"content\";s:29:\"What Is the WordPress Header?\";s:5:\"depth\";i:2;}i:1;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:48:\"how-to-customize-the-wordpress-header-with-astra\";s:7:\"content\";s:48:\"How to Customize the WordPress Header With Astra\";s:5:\"depth\";i:2;}i:2;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:31:\"1-open-the-astra-header-builder\";s:7:\"content\";s:32:\"1. Open the Astra Header Builder\";s:5:\"depth\";i:3;}i:3;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:33:\"2-add-and-organize-header-content\";s:7:\"content\";s:34:\"2. Add and Organize Header Content\";s:5:\"depth\";i:3;}i:4;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:25:\"3-customize-header-layout\";s:7:\"content\";s:26:\"3. Customize Header Layout\";s:5:\"depth\";i:3;}i:5;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:44:\"4-experiment-with-different-types-of-headers\";s:7:\"content\";s:45:\"4. Experiment With Different Types of Headers\";s:5:\"depth\";i:3;}i:6;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:50:\"three-other-ways-to-customize-the-wordpress-header\";s:7:\"content\";s:50:\"Three Other Ways to Customize the WordPress Header\";s:5:\"depth\";i:2;}i:7;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:37:\"1-use-your-themes-customizer-settings\";s:7:\"content\";s:39:\"1. Use Your Theme's Customizer Settings\";s:5:\"depth\";i:3;}i:8;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:47:\"2-use-elementor-and-a-free-custom-header-plugin\";s:7:\"content\";s:48:\"2. Use Elementor and a Free Custom Header Plugin\";s:5:\"depth\";i:3;}i:9;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:26:\"3-use-custom-code-advanced\";s:7:\"content\";s:29:\"3. Use Custom Code (Advanced)\";s:5:\"depth\";i:3;}i:10;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:37:\"customize-your-wordpress-header-today\";s:7:\"content\";s:37:\"Customize Your WordPress Header Today\";s:5:\"depth\";i:2;}}}"],"_uag_css_file_name":["uag-css-74551.css"],"_uag_js_file_name":["uag-js-74551.js"]},"uagb_featured_image_src":{"full":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header.jpg",1200,630,false],"thumbnail":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header-150x150.jpg",150,150,true],"medium":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header-300x158.jpg",300,158,true],"medium_large":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header-768x403.jpg",768,403,true],"large":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header-1024x538.jpg",1024,538,true],"1536x1536":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header.jpg",1200,630,false],"2048x2048":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header.jpg",1200,630,false],"trp-custom-language-flag":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header.jpg",18,9,false],"astra_template_preview":["https:\/\/wpastra.com\/wp-content\/uploads\/2020\/12\/Custom-WordPress-Header.jpg",1200,630,false]},"uagb_author_info":{"display_name":"Pratik Chaskar","author_link":"https:\/\/wpastra.com\/author\/pratikc\/"},"uagb_comment_info":22,"uagb_excerpt":"Customizing your website header in makes it unique and personal. This step-by-step guide shows you how to access the customizer or theme settings to modify header elements such as logo, menu styles, and navigation placement, use CSS for advanced customization, and preview changes.","_links":{"self":[{"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/posts\/74551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/comments?post=74551"}],"version-history":[{"count":5,"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/posts\/74551\/revisions"}],"predecessor-version":[{"id":278051,"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/posts\/74551\/revisions\/278051"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/media\/74570"}],"wp:attachment":[{"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/media?parent=74551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/categories?post=74551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpastra.com\/wp-json\/wp\/v2\/tags?post=74551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}