{"id":178,"date":"2020-01-10T10:34:10","date_gmt":"2020-01-10T10:34:10","guid":{"rendered":"https:\/\/getbowtied.com\/?post_type=helpkit&p=178"},"modified":"2023-01-20T08:30:14","modified_gmt":"2023-01-20T08:30:14","slug":"main-navigation","status":"publish","type":"helpkit","link":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/","title":{"rendered":"Main Navigation"},"content":{"rendered":"\n

Menu Setup<\/h2>\n\n\n\n

To setup a new menu or edit an existing one, navigate to Appearance<\/strong> > Menus<\/strong>. Make sure your menu is assigned to the “Main Navigation<\/strong>” display location by checking the box associated with it. This is what you should be looking for on your screen:<\/p>\n\n\n\n

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

Menu Font Size<\/h2>\n\n\n\n

The font size of the Main Navigation can be adjusted via Appearance<\/strong> > Customize<\/strong> > Header<\/strong> > Header Styles<\/strong>.<\/p>\n\n\n\n

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

Menu Colors<\/h2>\n\n\n\n

The colors used by the menus can be changed via Appearance<\/strong> > Customize<\/strong> > Header Colors<\/strong>. This section will provide color controls for:<\/p>\n\n\n\n

    \n
  • Navigation Font Color<\/li>\n\n\n\n
  • Header Background Color<\/li>\n\n\n\n
  • Menu Dropdown Font Color<\/li>\n\n\n\n
  • Menu Dropdown Background Color<\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Mega Menus<\/h2>\n\n\n\n

    Mega Menus<\/strong> are multi-column drop down menus. Example:<\/p>\n\n\n\n

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

    How to set up Mega Menus?<\/h3>\n\n\n\n

    When editing the main navigation in the WordPress menu editor (Appearance<\/strong> > Menus<\/strong>), click the parent menu item you’d like to open up a multi-column drop-down menu and check the “Is Mega Menu<\/strong><\/em>” box, as you can see in this screenshot:<\/p>\n\n\n\n

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

    Then start organizing your multi-level navigation menu:<\/p>\n<\/div>\n\n\n\n

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

    Mega Menu Background Images<\/h3>\n\n\n\n

    Menu items set to be displayed as Mega Menus will support background images. To associate an image with your mega menu, simply paste in the image URL in the Background URL<\/strong><\/em> box. <\/p>\n\n\n\n

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

    Menu FAQs<\/h2>\n\n\n\n

    Cannot find the CSS Classes<\/em><\/strong> field?<\/h3>\n\n\n\n

    Head on to the “Screen Option<\/strong><\/em>” button at the top of the page and make sure the “CSS Classes<\/strong><\/em>” filed is checked to be shown on the screen.<\/p>\n\n\n\n

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

    How to display two menus in row like the demo example?<\/h3>\n\n\n\n

    When editing the main navigation in the WordPress menu editor, click the item you’d like to display like the example below and type in “upper<\/strong><\/em>” in the CSS Classes<\/strong><\/em> box. Keep in mind that the menu item called “SHOP \u2014 PAGES<\/strong><\/em>” is not a parent for the items underneath it.<\/p>\n\n\n\n

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

    How to add links to Product Categories in a Menu?<\/h3>\n\n\n\n

    In Appearance<\/strong> > Menus<\/strong>, find the “Product Categories<\/strong>” section where you should see your available categories, just as you can see in this screenshot:<\/p>\n\n\n\n

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

    If you cannot see this box, check the Screen Options<\/strong><\/em> and make sure it’s enabled.<\/p>\n\n\n\n

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

    Menu Setup To setup a new menu or edit an existing one, navigate to Appearance > Menus. Make sure your menu is assigned to the “Main Navigation” display location by checking the box associated with it. This is what you should be looking for on your screen: Menu Font Size The font size of the\u2026<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","helpkit-category":[12],"helpkit-tag":[],"yoast_head":"\nMain Navigation - 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\/main-navigation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Main Navigation - Get Bowtied\" \/>\n<meta property=\"og:description\" content=\"Menu Setup To setup a new menu or edit an existing one, navigate to Appearance > Menus. Make sure your menu is assigned to the “Main Navigation” display location by checking the box associated with it. This is what you should be looking for on your screen: Menu Font Size The font size of the\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/\" \/>\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=\"2023-01-20T08:30:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/07\/shopkeeper-main-navigation-1-1024x586.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/\",\"url\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/\",\"name\":\"Main Navigation - Get Bowtied\",\"isPartOf\":{\"@id\":\"https:\/\/getbowtied.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/07\/shopkeeper-main-navigation-1-1024x586.jpg\",\"datePublished\":\"2020-01-10T10:34:10+00:00\",\"dateModified\":\"2023-01-20T08:30:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#primaryimage\",\"url\":\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/07\/shopkeeper-main-navigation-1.jpg\",\"contentUrl\":\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/07\/shopkeeper-main-navigation-1.jpg\",\"width\":1920,\"height\":1098},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#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\":\"Main Navigation\"}]},{\"@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:\/\/twitter.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":"Main Navigation - 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\/main-navigation\/","og_locale":"en_US","og_type":"article","og_title":"Main Navigation - Get Bowtied","og_description":"Menu Setup To setup a new menu or edit an existing one, navigate to Appearance > Menus. Make sure your menu is assigned to the “Main Navigation” display location by checking the box associated with it. This is what you should be looking for on your screen: Menu Font Size The font size of the\u2026","og_url":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/","og_site_name":"Get Bowtied","article_publisher":"https:\/\/www.facebook.com\/GetBowtied\/","article_modified_time":"2023-01-20T08:30:14+00:00","og_image":[{"url":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/07\/shopkeeper-main-navigation-1-1024x586.jpg"}],"twitter_card":"summary_large_image","twitter_site":"@getbowtied","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/","url":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/","name":"Main Navigation - Get Bowtied","isPartOf":{"@id":"https:\/\/getbowtied.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#primaryimage"},"image":{"@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/07\/shopkeeper-main-navigation-1-1024x586.jpg","datePublished":"2020-01-10T10:34:10+00:00","dateModified":"2023-01-20T08:30:14+00:00","breadcrumb":{"@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#primaryimage","url":"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/07\/shopkeeper-main-navigation-1.jpg","contentUrl":"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/07\/shopkeeper-main-navigation-1.jpg","width":1920,"height":1098},{"@type":"BreadcrumbList","@id":"https:\/\/getbowtied.com\/documentation\/shopkeeper\/customization\/main-navigation\/#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":"Main Navigation"}]},{"@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:\/\/twitter.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\/178"}],"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=178"}],"version-history":[{"count":0,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit\/178\/revisions"}],"wp:attachment":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/media?parent=178"}],"wp:term":[{"taxonomy":"helpkit-category","embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit-category?post=178"},{"taxonomy":"helpkit-tag","embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit-tag?post=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}