{"id":14645,"date":"2023-10-20T00:21:06","date_gmt":"2023-10-20T04:21:06","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=14645"},"modified":"2023-10-24T02:50:32","modified_gmt":"2023-10-24T06:50:32","slug":"lower-footer-menu-items-on-layout-1","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/lower-footer-menu-items-on-layout-1\/","title":{"rendered":"Layout 1 bottom menu button display fix."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the code below to lower the footer menu items on Layout 1 so that it will work with features such as Journal, Messages, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong> Log into your <strong>App Manager<\/strong> and select your app.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong> Click <strong>Colors<\/strong> from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong> Scroll down to the <strong>Advanced CSS box<\/strong> and enter the following code.&nbsp;If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the code below.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: LAYOUT 1 - FIX BOTTOM MENU BUTTON DISPLAY ***\/\r\n\/* Message bottom fix *\/\r\n.layout_1.layout-always-visible ion-view.chat-window { height: calc(97vh - 62px); }\r\n\r\n\/* Journal post button fix *\/\r\n.layout_1.layout-always-visible ion-view&#91;state=\"journals-new\"] { height: calc(97vh - 62px); }\r\n\r\n\/*** END: LAYOUT 1 - FIX BOTTOM MENU BUTTON DISPLAY ***\/<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Use the code below to lower the footer menu items on Layout 1 so that it will work with features such as Journal, Messages, etc. 1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced CSS box and enter the following code.&nbsp;If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the code below.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-14645","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=14645"}],"version-history":[{"count":3,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14645\/revisions"}],"predecessor-version":[{"id":14713,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14645\/revisions\/14713"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=14645"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=14645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}