{"id":440,"date":"2017-04-30T10:43:36","date_gmt":"2017-04-30T17:43:36","guid":{"rendered":"https:\/\/blocksylaunch.click\/documentation\/?p=440"},"modified":"2017-05-17T20:42:47","modified_gmt":"2017-05-18T03:42:47","slug":"header-options","status":"publish","type":"post","link":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/","title":{"rendered":"Extra Header &#038; Menu Options"},"content":{"rendered":"<p><iframe loading=\"lazy\" class=\"youtube-player\" type=\"text\/html\"  width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/1K8SzLpMfzg?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h2>Customizing The Header &#038; Navigation Area<\/h2>\n<p>To begin customizing your website&#8217;s Header &#038; Navigation, you must first enter the <a href=\"https:\/\/blocksylaunch.click\/documentation\/extra\/theme-customizer\">Theme Customizer<\/a> by clicking on the <strong>Extra &gt;&gt; Theme Customizer<\/strong> menu link within your WordPress Dashboard. Next, find the <strong>Header &#038; Navigation<\/strong> panel. Now, click the panel to reveal the relevant settings and then adjust them to your liking.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-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 Default and Centered layouts. Choosing Centered will place your logo above your navigation menu and it will be centered horizontally within the header. You can also choose to hide your header navigation area until the page is scrolled. <\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-2.jpg\" alt=\"docs image\"\/><\/p>\n<h2>Primary Menu Bar<\/h2>\n<p>In this section you can adjust the size, style, and color of your primary navigation menu. This is the larger area at the top of the page which contains your logo and your primary menu links. From within this panel you can adjust the height of your logo, change the background color of the menu bar, change the color of your menu links, and more.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-3.jpg\" alt=\"docs image\"\/><\/p>\n<h2>Secondary Menu Bar<\/h2>\n<p>The secondary menu bar is the smaller of the two navigation areas. It appears above your main navigation bar. This area will not appear unless you assign a menu to the secondary menu location. In this customizer panel you can customize the style of the secondary navigation bar including its background color, menu link color, and font style.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-4.jpg\" alt=\"docs image\"\/><\/p>\n<h2>Fixed Navigation<\/h2>\n<p>The fixed navigation bar refers to the state of the navigation bar after scrolling. You will notice that as you scroll the page, your menu bar shrinks and remains fixed to the top of the screen to provide more space on the screen for your content. You can adjust the height of the menu if you think it shrinks too small, and\/or you can adjust the colors of the menu and menu links independently from the menu&#8217;s non-fixed state. <\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-5.jpg\" alt=\"docs image\"\/><\/p>\n<h2>Header Elements<\/h2>\n<p>Header elements are optional elements that you can display in your navigation bar, each of which can be enabled\/disabled in this panel. Currently, the available elements include social follow icons, search icon, WooCommerce Cart, &#038; <strong>Trending<\/strong> widget (which displays the titles of your most-popular posts like a news ticker).<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-6.jpg\" alt=\"docs image\"\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Extra header is highly customization, featuring various menu, logo and alignment options.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,20],"tags":[],"class_list":["post-440","post","type-post","status-publish","format-standard","hentry","category-extra","category-basics-extra"],"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\/extra\/header-options\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Extra Header &amp; Menu Options - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Extra header is highly customization, featuring various menu, logo and alignment options.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-30T17:43:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-18T03:42:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/\"},\"author\":{\"name\":\"admindocumentation\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"headline\":\"Extra Header &#038; Menu Options\",\"datePublished\":\"2017-04-30T17:43:36+00:00\",\"dateModified\":\"2017-05-18T03:42:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/\"},\"wordCount\":386,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/header-options-image-1.jpg\",\"articleSection\":[\"Extra Theme Documentation\",\"The Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/\",\"name\":\"Extra Header & Menu Options - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/header-options-image-1.jpg\",\"datePublished\":\"2017-04-30T17:43:36+00:00\",\"dateModified\":\"2017-05-18T03:42:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/header-options-image-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/header-options-image-1.jpg\",\"width\":960,\"height\":487},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/header-options\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Extra Header &#038; Menu Options\"}]},{\"@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\/extra\/header-options\/","og_locale":"en_US","og_type":"article","og_title":"Extra Header & Menu Options - Elegant Themes Documentation","og_description":"Extra header is highly customization, featuring various menu, logo and alignment options.","og_url":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2017-04-30T17:43:36+00:00","article_modified_time":"2017-05-18T03:42:47+00:00","og_image":[{"url":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-1.jpg","type":"","width":"","height":""}],"author":"admindocumentation","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admindocumentation","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/#article","isPartOf":{"@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/"},"author":{"name":"admindocumentation","@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"headline":"Extra Header &#038; Menu Options","datePublished":"2017-04-30T17:43:36+00:00","dateModified":"2017-05-18T03:42:47+00:00","mainEntityOfPage":{"@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/"},"wordCount":386,"image":{"@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/#primaryimage"},"thumbnailUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-1.jpg","articleSection":["Extra Theme Documentation","The Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/","url":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/","name":"Extra Header & Menu Options - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/blocksylaunch.click\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/#primaryimage"},"image":{"@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/#primaryimage"},"thumbnailUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-1.jpg","datePublished":"2017-04-30T17:43:36+00:00","dateModified":"2017-05-18T03:42:47+00:00","author":{"@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"breadcrumb":{"@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/#primaryimage","url":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-1.jpg","contentUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/header-options-image-1.jpg","width":960,"height":487},{"@type":"BreadcrumbList","@id":"https:\/\/blocksylaunch.click\/documentation\/extra\/header-options\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blocksylaunch.click\/documentation\/"},{"@type":"ListItem","position":2,"name":"Extra Header &#038; Menu Options"}]},{"@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\/440","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=440"}],"version-history":[{"count":3,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/440\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/440\/revisions\/443"}],"wp:attachment":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/media?parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/categories?post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/tags?post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}