{"id":332,"date":"2017-12-08T14:42:05","date_gmt":"2017-12-08T14:42:05","guid":{"rendered":"http:\/\/documentation.px-lab.com\/boombox\/?p=332"},"modified":"2017-12-08T14:43:18","modified_gmt":"2017-12-08T14:43:18","slug":"boombox-sidebar-navigation","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/boombox\/boombox-sidebar-navigation\/","title":{"rendered":"Boombox Sidebar Navigation"},"content":{"rendered":"<p>In Boombox V2 we have added new widget which extends Sidebar features. Now in <strong>Sidebar<\/strong> you can add <strong>Boombox Sidebar Navigation. <\/strong><\/p>\n<p><strong>Boombox Sidebar Navigation<\/strong>\u00a0allow you:<\/p>\n<ul>\n<li>Add <strong>Title<\/strong> to sidebar<\/li>\n<li>Add <strong>Navigation Title<\/strong><\/li>\n<li>And select <strong>Menu<\/strong> from Menu list to show in Sidebar<\/li>\n<\/ul>\n<p><a class=\"img-zoomin\" href=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBE-1.png\"><img loading=\"lazy\" class=\"img-frame alignnone wp-image-336 size-medium\" src=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBE-1-300x209.png\" alt=\"BoomboxWidgetsSidebarNavigationBE\" width=\"300\" height=\"209\" srcset=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBE-1-300x209.png 300w, https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBE-1.png 443w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a> <a class=\"img-zoomin\" href=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigation.png\"><img loading=\"lazy\" class=\"img-frame alignnone wp-image-334 size-medium\" src=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigation-300x237.png\" alt=\"BoomboxWidgetsSidebarNavigation\" width=\"300\" height=\"237\" srcset=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigation-300x237.png 300w, https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigation.png 383w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Moreover, if you have sub-menu in your selected Menu they will be shown if users will click on dropdown arrow which appears automatically.<\/p>\n<p><a class=\"img-zoomin\" href=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigation2.png\"><img loading=\"lazy\" class=\"img-frame alignnone wp-image-335 size-medium\" src=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigation2-300x274.png\" alt=\"BoomboxWidgetsSidebarNavigation2\" width=\"300\" height=\"274\" srcset=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigation2-300x274.png 300w, https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigation2.png 391w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>If you think Top level menu should be opened in Menu since page loaded,\u00a0 you need to use &#8220;active-menu&#8221; CSS class in &#8220;CSS Classes&#8221; in <a href=\"http:\/\/documentation.px-lab.com\/boombox\/menus\/\">Menu<\/a>.<\/p>\n<p><a class=\"img-zoomin\" href=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBEcss.png\"><img loading=\"lazy\" class=\"img-frame alignnone wp-image-339 size-medium\" src=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBEcss-150x300.png\" alt=\"BoomboxWidgetsSidebarNavigationBEcss\" width=\"150\" height=\"300\" srcset=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBEcss-150x300.png 150w, https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBEcss.png 465w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><a class=\"img-zoomin\" href=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBEcssFE.png\"><img loading=\"lazy\" class=\"img-frame alignnone wp-image-340 size-medium\" src=\"http:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBEcssFE-229x300.png\" alt=\"BoomboxWidgetsSidebarNavigationBEcssFE\" width=\"229\" height=\"300\" srcset=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBEcssFE-229x300.png 229w, https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/BoomboxWidgetsSidebarNavigationBEcssFE.png 387w\" sizes=\"(max-width: 229px) 100vw, 229px\" \/><\/a><\/p>\n<p>You can add nice <strong>icons<\/strong> or <strong>labels<\/strong> in <strong>Menu<\/strong> as well and they will appear in <strong>Boombox Sidebar Navigation<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Boombox V2 we have added new widget which extends Sidebar features. Now in Sidebar you can add Boombox Sidebar Navigation. Boombox Sidebar Navigation\u00a0allow you: Add Title to sidebar Add Navigation Title And select Menu from Menu list to show in Sidebar Moreover, if you have sub-menu in your selected Menu they will be shown [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[86,62,274],"tags":[285,281,282,283,284,280],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/posts\/332"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/comments?post=332"}],"version-history":[{"count":3,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/posts\/332\/revisions"}],"predecessor-version":[{"id":344,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/posts\/332\/revisions\/344"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/media?parent=332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/categories?post=332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/tags?post=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}