{"id":197,"date":"2020-01-10T10:53:55","date_gmt":"2020-01-10T10:53:55","guid":{"rendered":"https:\/\/getbowtied.com\/?post_type=helpkit&p=197"},"modified":"2020-07-16T13:06:26","modified_gmt":"2020-07-16T13:06:26","slug":"how-to-change-the-header-layout","status":"publish","type":"helpkit","link":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/","title":{"rendered":"Header Settings"},"content":{"rendered":"\n

Header Layout<\/h2>\n\n\n\n

Shopkeeper comes with a few different header layouts. Each layout will position the existing elements differently. To change the Header Layout navigate to Appearance > Customize > Header > Header Styles<\/strong>:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Header Size<\/h2>\n\n\n\n

Header Width (Boxed\/Full Width)<\/h3>\n\n\n\n

The Header<\/strong>‘s width can be set to Full Width<\/strong> or to a Custom Width<\/strong>, which can be specified in pixels. To adjust these values, navigate to Appearance<\/strong> > Customize<\/strong> > Header<\/strong> > Header Styles<\/strong>. This is what you should be looking for on your screen:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Header Height<\/h3>\n\n\n\n

The height of the Header<\/strong> can be resized by adjusting the spacing above and below the Logo. To adjust these values navigate to Appearance<\/strong> > Customize<\/strong> > Header<\/strong> > Logo<\/strong>. This is what you should be looking for on your screen:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Header Colors<\/h2>\n\n\n\n

Navigation Font Color<\/h3>\n\n\n\n

To adjust the color used for the navigation menu, go to Appearance<\/strong> > Customize<\/strong> > Header<\/strong> > Header Colors<\/strong>. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Header Background Color<\/h3>\n\n\n\n

To change the background color used by the Header, go to Appearance<\/strong> > Customize<\/strong> > Header<\/strong> > Header Colors<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Header Background Image<\/h3>\n\n\n\n

Beside setting a background color, the header support image background as well. To upload a background image for the Header go to Appearance<\/strong> > Customize<\/strong> > Header<\/strong> > Header Styles<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Header FAQs<\/h2>\n\n\n\n

Why I can’t see my menu if I select a centered logo layout?<\/h3>\n\n\n\n

Once you decided to use one of the two layouts with a centered logo and a part of the menu on left and one on the right, you need to know that those require to build two new menus. One which will appear on the left and one will appear on the right. <\/p>\n\n\n\n

After you created these two, make sure you choose for each one the options marked with red:<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

Header Layout Shopkeeper comes with a few different header layouts. Each layout will position the existing elements differently. To change the Header Layout navigate to Appearance > Customize > Header > Header Styles: Header Size Header Width (Boxed\/Full Width) The Header‘s width can be set to Full Width or to a Custom Width, which can be\u2026<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","helpkit-category":[12],"helpkit-tag":[],"yoast_head":"\nHeader Settings - Get Bowtied<\/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:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Header Settings - Get Bowtied\" \/>\n<meta property=\"og:description\" content=\"Header Layout Shopkeeper comes with a few different header layouts. Each layout will position the existing elements differently. To change the Header Layout navigate to Appearance > Customize > Header > Header Styles: Header Size Header Width (Boxed\/Full Width) The Header‘s width can be set to Full Width or to a Custom Width, which can be\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"Get Bowtied\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GetBowtied\/\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-16T13:06:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/01\/shopkeeper-header-layout.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@getbowtied\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/\",\"url\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/\",\"name\":\"Header Settings - Get Bowtied\",\"isPartOf\":{\"@id\":\"https:\/\/getbowtied.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/01\/shopkeeper-header-layout.jpg\",\"datePublished\":\"2020-01-10T10:53:55+00:00\",\"dateModified\":\"2020-07-16T13:06:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#primaryimage\",\"url\":\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/01\/shopkeeper-header-layout.jpg\",\"contentUrl\":\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/01\/shopkeeper-header-layout.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/getbowtied.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Help Articles\",\"item\":\"https:\/\/getbowtied.com\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Header Settings\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/getbowtied.com\/#website\",\"url\":\"https:\/\/getbowtied.com\/\",\"name\":\"Get Bowtied\",\"description\":\"Hassle-free themes, plugins & support for WordPress and WooCommerce\",\"publisher\":{\"@id\":\"https:\/\/getbowtied.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/getbowtied.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/getbowtied.com\/#organization\",\"name\":\"Get Bowtied\",\"url\":\"https:\/\/getbowtied.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/getbowtied.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/02\/getbowtied-logo-alt.png\",\"contentUrl\":\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/02\/getbowtied-logo-alt.png\",\"width\":512,\"height\":512,\"caption\":\"Get Bowtied\"},\"image\":{\"@id\":\"https:\/\/getbowtied.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/GetBowtied\/\",\"https:\/\/x.com\/getbowtied\",\"https:\/\/www.instagram.com\/getbowtied\/\",\"https:\/\/www.linkedin.com\/company\/get-bowtied\",\"https:\/\/pinterest.com\/getbowtied\/\",\"https:\/\/www.youtube.com\/c\/Getbowtied\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Header Settings - Get Bowtied","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:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/","og_locale":"en_US","og_type":"article","og_title":"Header Settings - Get Bowtied","og_description":"Header Layout Shopkeeper comes with a few different header layouts. Each layout will position the existing elements differently. To change the Header Layout navigate to Appearance > Customize > Header > Header Styles: Header Size Header Width (Boxed\/Full Width) The Header‘s width can be set to Full Width or to a Custom Width, which can be\u2026","og_url":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/","og_site_name":"Get Bowtied","article_publisher":"https:\/\/www.facebook.com\/GetBowtied\/","article_modified_time":"2020-07-16T13:06:26+00:00","og_image":[{"url":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/01\/shopkeeper-header-layout.jpg"}],"twitter_card":"summary_large_image","twitter_site":"@getbowtied","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/","url":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/","name":"Header Settings - Get Bowtied","isPartOf":{"@id":"https:\/\/getbowtied.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#primaryimage"},"image":{"@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/01\/shopkeeper-header-layout.jpg","datePublished":"2020-01-10T10:53:55+00:00","dateModified":"2020-07-16T13:06:26+00:00","breadcrumb":{"@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#primaryimage","url":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/01\/shopkeeper-header-layout.jpg","contentUrl":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/01\/shopkeeper-header-layout.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/how-to-change-the-header-layout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/getbowtied.com\/"},{"@type":"ListItem","position":2,"name":"Help Articles","item":"https:\/\/getbowtied.com\/documentation\/"},{"@type":"ListItem","position":3,"name":"Header Settings"}]},{"@type":"WebSite","@id":"https:\/\/getbowtied.com\/#website","url":"https:\/\/getbowtied.com\/","name":"Get Bowtied","description":"Hassle-free themes, plugins & support for WordPress and WooCommerce","publisher":{"@id":"https:\/\/getbowtied.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/getbowtied.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/getbowtied.com\/#organization","name":"Get Bowtied","url":"https:\/\/getbowtied.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/getbowtied.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/02\/getbowtied-logo-alt.png","contentUrl":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/02\/getbowtied-logo-alt.png","width":512,"height":512,"caption":"Get Bowtied"},"image":{"@id":"https:\/\/getbowtied.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GetBowtied\/","https:\/\/x.com\/getbowtied","https:\/\/www.instagram.com\/getbowtied\/","https:\/\/www.linkedin.com\/company\/get-bowtied","https:\/\/pinterest.com\/getbowtied\/","https:\/\/www.youtube.com\/c\/Getbowtied"]}]}},"_links":{"self":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit\/197"}],"collection":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit"}],"about":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/types\/helpkit"}],"author":[{"embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/comments?post=197"}],"version-history":[{"count":0,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit\/197\/revisions"}],"wp:attachment":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/media?parent=197"}],"wp:term":[{"taxonomy":"helpkit-category","embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit-category?post=197"},{"taxonomy":"helpkit-tag","embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit-tag?post=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}