{"id":1098,"date":"2022-03-02T16:16:11","date_gmt":"2022-03-02T16:16:11","guid":{"rendered":"https:\/\/zapable.com\/docs\/?post_type=docs&#038;p=1098"},"modified":"2022-03-02T16:16:12","modified_gmt":"2022-03-02T16:16:12","password":"","slug":"octa-menu","status":"publish","type":"docs","link":"https:\/\/zapable.com\/docs\/docs\/layouts\/octa-menu\/","title":{"rendered":"Octa Menu"},"content":{"rendered":"\n<p>In this layout overview we&#8217;ll be taking a look at <strong>Octa Menu<\/strong> that you can find inside your app builder.<\/p>\n\n\n\n<p>Here are the sections of this guide for quick reference.<\/p>\n\n\n\n<p><a href=\"#homepage\" data-type=\"internal\" data-id=\"#homepage\">Homepage Options<\/a><br><a href=\"#layout\" data-type=\"internal\" data-id=\"#layout\">Layout Options<br><\/a><a href=\"#preview\" data-type=\"internal\" data-id=\"#preview\">Previewing The Layout<\/a><br><a href=\"#colors\" data-type=\"internal\" data-id=\"#colors\">Homepage Colors<\/a><\/p>\n\n\n\n<p>Like with any other layout, you can choose to use this option from the layouts options panel by clicking the green change layout button from the homepage of the app builder when you are editing an app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"677\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_menu_options-1024x677.png\" alt=\"\" class=\"wp-image-1099\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_menu_options-1024x677.png 1024w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_menu_options-300x198.png 300w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_menu_options-768x507.png 768w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_menu_options.png 1079w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"gb-headline gb-headline-d433eaae\" id=\"homepage\"><span class=\"gb-icon\"><svg aria-hidden=\"true\" height=\"1em\" width=\"1em\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Homepage Options<\/span><\/h5>\n\n\n\n<p>This particular layout does not offer any homepage options.<\/p>\n\n\n\n<h5 class=\"gb-headline gb-headline-f7fe24b0\" id=\"layout\"><span class=\"gb-icon\"><svg aria-hidden=\"true\" height=\"1em\" width=\"1em\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Layout Options<\/span><\/h5>\n\n\n\n<p>There are a few layout options within this layout template.<\/p>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-58fc854b\">\n<div class=\"gb-grid-column gb-grid-column-1675baa4\"><div class=\"gb-container gb-container-1675baa4\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-14fe474f gb-headline-text\"><strong>Layout Options<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"565\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_options_layout_1.png\" alt=\"\" class=\"wp-image-1100\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_options_layout_1.png 360w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_options_layout_1-191x300.png 191w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/figure><\/div>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h5 class=\"gb-headline gb-headline-15d11547\" id=\"preview\"><span class=\"gb-icon\"><svg aria-hidden=\"true\" height=\"1em\" width=\"1em\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Previewing The Layout<\/span><\/h5>\n\n\n\n<p>Here&#8217;s a quick look at the how the app looks with this layout.<\/p>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-3d0dffce\">\n<div class=\"gb-grid-column gb-grid-column-9d7317e7\"><div class=\"gb-container gb-container-9d7317e7\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-92b54286 gb-headline-text\"><strong>Application Homescreen Example<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"449\" height=\"781\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_menu_preview_1.png\" alt=\"\" class=\"wp-image-1101\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_menu_preview_1.png 449w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/03\/layout_octa_menu_preview_1-172x300.png 172w\" sizes=\"auto, (max-width: 449px) 100vw, 449px\" \/><\/figure>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h5 class=\"gb-headline gb-headline-d1fc5506\" id=\"colors\"><span class=\"gb-icon\"><svg aria-hidden=\"true\" height=\"1em\" width=\"1em\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Homepage Colors<\/span><\/h5>\n\n\n\n<p>Please note that all color changes for the homepage are found under the main left menu, under <strong>Colors<\/strong> and then select the <strong>Homepage<\/strong> option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/zapable.co\/academyblog\/wp-content\/uploads\/2021\/06\/layout-color-options-homepage-1024x265.png\" alt=\"\" class=\"wp-image-2746\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this layout overview we&#8217;ll be taking a look at Octa Menu that you can find inside your app builder. Here are the sections of this guide for quick reference. Homepage OptionsLayout OptionsPreviewing The LayoutHomepage Colors Like with any other layout, you can choose to use this option from the layouts options panel by clicking &#8230; <a title=\"Octa Menu\" class=\"read-more\" href=\"https:\/\/zapable.com\/docs\/docs\/layouts\/octa-menu\/\" aria-label=\"More on Octa Menu\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[80],"doc_tag":[],"class_list":["post-1098","docs","type-docs","status-publish","hentry","doc_category-layouts"],"year_month":"2026-04","word_count":143,"total_views":"157","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"zapdocs","author_nicename":"zapdocs","author_url":"https:\/\/zapable.com\/docs\/author\/zapdocs\/"},"doc_category_info":[{"term_name":"Layouts","term_url":"https:\/\/zapable.com\/docs\/docs-category\/layouts\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/1098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/comments?post=1098"}],"version-history":[{"count":1,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/1098\/revisions"}],"predecessor-version":[{"id":1102,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/1098\/revisions\/1102"}],"wp:attachment":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/media?parent=1098"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/doc_category?post=1098"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=1098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}