{"id":7841,"date":"2019-05-17T10:58:30","date_gmt":"2019-05-17T10:58:30","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/firwl\/?post_type=ht_kb&#038;p=7841"},"modified":"2019-05-22T10:29:57","modified_gmt":"2019-05-22T10:29:57","slug":"4-4-menu-bar","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/firwl\/knowledge-base\/4-4-menu-bar\/","title":{"rendered":"4.04 Menu Bar"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7842 alignnone\" src=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar.jpg\" alt=\"\" width=\"1170\" height=\"93\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar.jpg 1170w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar-300x24.jpg 300w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar-768x61.jpg 768w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar-1024x81.jpg 1024w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar-50x4.jpg 50w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar-920x73.jpg 920w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar-600x48.jpg 600w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/menu-bar-320x25.jpg 320w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n<p>The menu bar is responsive.<\/p>\n<p>In tablets and mobile, the horizontal menu items will move to the Off-Canvas sidebar.<\/p>\n<p>You can use the <strong>Menu<\/strong> editor in <strong>Appearance &gt; Menu<\/strong> to set a menu in the main bar.<br \/>\nIn Menu &gt; Locations set the menu as Primary. This menu supports<strong> 3 levels of depth.\u00a0<\/strong><\/p>\n<p>Mega menus setup is explained under the chapter <strong>Mega Menu<\/strong> of this manual.<strong> Sub-items of a link with mega menu will be visible only in tablet and mobile.<\/strong><\/p>\n<div class=\"qt-highlight\"><strong>IMPORTANT:<\/strong> please limit the amount of primary level items for a better result.<\/div>\n<h3 id=\"logo\" >Logo<\/h3>\n<p>We suggest uploading 2 different logos for desktop and mobile.<strong> In mobile, a squared logo is recommended,<\/strong> as the space is very limited. <strong>PNG<\/strong> with <strong>transparent<\/strong> backgrounds will work better than JPG or GIF.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7843 alignnone\" src=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/logo.jpg\" alt=\"\" width=\"300\" height=\"437\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/logo.jpg 300w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/logo-206x300.jpg 206w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/logo-34x50.jpg 34w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3 id=\"right-side-buttons\" >Right-side buttons<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7847\" src=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/buttons-menu.jpg\" alt=\"\" width=\"296\" height=\"386\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/buttons-menu.jpg 296w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/buttons-menu-230x300.jpg 230w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/buttons-menu-38x50.jpg 38w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/p>\n<p><strong>There are 4 available right-side buttons:<\/strong><\/p>\n<h4 id=\"cart-button\" >Cart button<\/h4>\n<p>This option will only appear if you have WooCommerce plugin installed<\/p>\n<h4 id=\"search-button\" >Search Button<\/h4>\n<p>Will work both in desktop and mobile, displaying a header search field.<\/p>\n<h4 id=\"menu-off-canvas-button\" >Menu off-canvas button<\/h4>\n<p>This button appears automatically:<\/p>\n<ul>\n<li>In <strong>desktop<\/strong>, if there are widgets in the Off Canvas sidebar, or a specified Off Canvas Menu Desktop<\/li>\n<li>In <strong>mobile<\/strong>, will appear by default (requires a menu set as Primary Menu location)<\/li>\n<\/ul>\n<p>You can choose which <strong>menu<\/strong> to place in the menu bar in Appearance &gt; Menu &gt; <strong>Locations<\/strong> and set it as <strong>Primary<\/strong> menu.<\/p>\n<h3 id=\"menu-colors\" >Menu Colors<\/h3>\n<p>You can override the global settings and set custom menu bar colors.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7848\" src=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.31.jpg\" alt=\"\" width=\"297\" height=\"469\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.31.jpg 297w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.31-190x300.jpg 190w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.31-32x50.jpg 32w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-postmid wp-image-7849\" src=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.42.jpg\" alt=\"\" width=\"1012\" height=\"100\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.42.jpg 1012w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.42-300x30.jpg 300w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.42-768x76.jpg 768w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.42-50x5.jpg 50w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.42-920x91.jpg 920w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.42-600x59.jpg 600w, https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-17-at-12.57.42-320x32.jpg 320w\" sizes=\"(max-width: 1012px) 100vw, 1012px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[624],"ht_kb_tag":[],"class_list":["post-7841","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-theme-customizations"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/ht_kb\/7841"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/comments?post=7841"}],"version-history":[{"count":10,"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/ht_kb\/7841\/revisions"}],"predecessor-version":[{"id":8342,"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/ht_kb\/7841\/revisions\/8342"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/media?parent=7841"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/ht_kb_category?post=7841"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/firwl\/wp-json\/wp\/v2\/ht_kb_tag?post=7841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}