{"id":693,"date":"2017-05-01T18:23:34","date_gmt":"2017-05-02T01:23:34","guid":{"rendered":"https:\/\/blocksylaunch.click\/documentation\/?p=693"},"modified":"2017-09-04T11:46:16","modified_gmt":"2017-09-04T18:46:16","slug":"customizer-header","status":"publish","type":"post","link":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/","title":{"rendered":"The Divi Header &#038; Navigation Theme Customizer Settings"},"content":{"rendered":"<p><iframe loading=\"lazy\" class=\"youtube-player\" type=\"text\/html\"  width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/wgQXHr6_s0o?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h2>Customizing The Header &#038; Navigation Of Your Theme<\/h2>\n<p>To begin customizing your website&#8217;s Header &#038; Navigation, you must first enter the Theme Customizer by clicking on the <strong>Divi > Theme Customizer<\/strong> link within your WordPress Dashboard. This will launch the customizer. Next look for the &#8220;Header &#038; Navigation&#8221; panel. Click the panel to open up the relevant settings and begin customizing. <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-1.jpg\" alt=\"docs image\" \/><\/p>\n<h2>Header Format<\/h2>\n<p>Here you can adjust your header&#8217;s general format, such as switching between the main layouts modes: Default, Centered, Centered Inline Logo, Slide-in, and Fullscreen. Choosing Centered will place your logo above your navigation menu and centered both within the header. Choosing Centered Inline Logo will place the logo in-line with your nav menu elements, centered between the links. You can also enable Vertical Navigation from within this section, which will create a drastically new look for your site, putting the navigation bar on the left of your content.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-2.jpg\" alt=\"docs image\" \/><\/p>\n<h2>Primary Menu Bar<\/h2>\n<p>In this menu you can adjust the size, style and color of your primary navigation menu. This is the large white bar at the top of your page that contains your logo and your primary menu links. Within this panel you can do a lot of things very easily, such as adjust the height of your logo, the background color of the menu bar and the color of your links.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-3.jpg\" alt=\"docs image\" \/><\/p>\n<h3>Make Full Width<\/h3>\n<p>This extends the menu the full width of the browser window.<\/p>\n<h3>Hide Logo Image<\/h3>\n<p>If you want, here you can completely hide the logo image from your menu.<\/p>\n<h3>Menu Height<\/h3>\n<p>Here you can change the menu height to whatever you want.  Although, be careful not to make your menu height too large since you could be wasting valuable real estate on a menu instead of your homepage content.<\/p>\n<h3>Logo Max Height<\/h3>\n<p>Here you can increase or decrease the max width percentage of your logo to make it bigger or smaller.<\/p>\n<h3>Text Size, Letter Spacing, Font, Font Style, Text Color, Active Link Color<\/h3>\n<p>These options allow you to customize the menu links.<\/p>\n<h3>Background Color<\/h3>\n<p>This allows you to change the background color of your primary menu.<\/p>\n<h3>Dropdown Menu Settings<\/h3>\n<p>Your dropdown menu doesn\u2019t have to inherit the style of the main menu. Here you can create a unique design for your dropdown menu. You can even add custom animation when displaying the dropdown menu.<\/p>\n<h2>Secondary Menu Bar<\/h2>\n<p>The secondary menu bar is the smaller of the two navigation bars that appears above your main navigation bar. This menu will not appear unless you have assigned a menu to the secondary menu location. Once enabled a smaller blue menu bar will appear. This panel allows you to customize that menu bar and the text within it, adjusting the background color, text color and text styles.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-4.jpg\" alt=\"docs image\" \/><\/p>\n<h2>Fixed Navigation<\/h2>\n<p>The fixed navigation bar refers to the navigation bar as it becomes fixed to the top of your screen when you scroll. You will notice that as you scroll down your page, your menu bar remains fixed to the top of the screen and shrinks to provide more readable space on the screen. All of this is customizable from within the Fixed Navigation panel. You can adjust the height of the menu if you think it shrinks too small, and you can adjust the colors of the menu and the menu links independently from the menu&#8217;s non-fixed state.<br \/>\n<img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-6.jpg\" alt=\"docs image\" \/><\/p>\n<h2>Header Elements<\/h2>\n<p>Header elements are various optional things that appear in your navigation bar, each of which can be toggled on and off here, such as your social follow icons, the search icon, phone number and email address.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-5.jpg\" alt=\"docs image\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Easily customize the look &#038; feel, as well as the structure of your header.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,2],"tags":[],"class_list":["post-693","post","type-post","status-publish","format-standard","hentry","category-customize","category-divi"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elegant Themes Documentation<\/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:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Divi Header &amp; Navigation Theme Customizer Settings - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Easily customize the look &amp; feel, as well as the structure of your header.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-02T01:23:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-09-04T18:46:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-1.jpg\" \/>\n<meta name=\"author\" content=\"admindocumentation\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admindocumentation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/\"},\"author\":{\"name\":\"admindocumentation\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"headline\":\"The Divi Header &#038; Navigation Theme Customizer Settings\",\"datePublished\":\"2017-05-02T01:23:34+00:00\",\"dateModified\":\"2017-09-04T18:46:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/\"},\"wordCount\":614,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/customizer-header-image-1.jpg\",\"articleSection\":[\"Customizing Divi\",\"Divi Theme Documentation\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/\",\"name\":\"The Divi Header & Navigation Theme Customizer Settings - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/customizer-header-image-1.jpg\",\"datePublished\":\"2017-05-02T01:23:34+00:00\",\"dateModified\":\"2017-09-04T18:46:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/customizer-header-image-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/customizer-header-image-1.jpg\",\"width\":960,\"height\":576},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/customizer-header\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Divi Header &#038; Navigation Theme Customizer Settings\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\",\"name\":\"Elegant Themes Documentation\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\",\"name\":\"admindocumentation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"caption\":\"admindocumentation\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elegant Themes Documentation","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:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/","og_locale":"en_US","og_type":"article","og_title":"The Divi Header & Navigation Theme Customizer Settings - Elegant Themes Documentation","og_description":"Easily customize the look & feel, as well as the structure of your header.","og_url":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2017-05-02T01:23:34+00:00","article_modified_time":"2017-09-04T18:46:16+00:00","og_image":[{"url":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-1.jpg","type":"","width":"","height":""}],"author":"admindocumentation","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admindocumentation","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/#article","isPartOf":{"@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/"},"author":{"name":"admindocumentation","@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"headline":"The Divi Header &#038; Navigation Theme Customizer Settings","datePublished":"2017-05-02T01:23:34+00:00","dateModified":"2017-09-04T18:46:16+00:00","mainEntityOfPage":{"@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/"},"wordCount":614,"image":{"@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/#primaryimage"},"thumbnailUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-1.jpg","articleSection":["Customizing Divi","Divi Theme Documentation"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/","url":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/","name":"The Divi Header & Navigation Theme Customizer Settings - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/blocksylaunch.click\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/#primaryimage"},"image":{"@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/#primaryimage"},"thumbnailUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-1.jpg","datePublished":"2017-05-02T01:23:34+00:00","dateModified":"2017-09-04T18:46:16+00:00","author":{"@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"breadcrumb":{"@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/#primaryimage","url":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-1.jpg","contentUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/05\/customizer-header-image-1.jpg","width":960,"height":576},{"@type":"BreadcrumbList","@id":"https:\/\/blocksylaunch.click\/documentation\/divi\/customizer-header\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blocksylaunch.click\/documentation\/"},{"@type":"ListItem","position":2,"name":"The Divi Header &#038; Navigation Theme Customizer Settings"}]},{"@type":"WebSite","@id":"https:\/\/blocksylaunch.click\/documentation\/#website","url":"https:\/\/blocksylaunch.click\/documentation\/","name":"Elegant Themes Documentation","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blocksylaunch.click\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268","name":"admindocumentation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","caption":"admindocumentation"}}]}},"_links":{"self":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/comments?post=693"}],"version-history":[{"count":7,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/693\/revisions"}],"predecessor-version":[{"id":1875,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/693\/revisions\/1875"}],"wp:attachment":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/media?parent=693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/categories?post=693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/tags?post=693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}