{"id":14431,"date":"2023-05-23T12:13:39","date_gmt":"2023-05-23T16:13:39","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=14431"},"modified":"2023-05-23T12:13:53","modified_gmt":"2023-05-23T16:13:53","slug":"increase-text-size-and-menu-height-of-layout-6","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/increase-text-size-and-menu-height-of-layout-6\/","title":{"rendered":"Increase text size and menu height of Layout 6."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>1)&nbsp;<\/strong>Log into your&nbsp;<strong>App Manager<\/strong>&nbsp;and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)&nbsp;<\/strong>Click&nbsp;<strong>Colors<\/strong>&nbsp;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>\u00a0Scroll down until you get to the\u00a0<strong>Advanced\u00a0SCSS box<\/strong>\u00a0and paste the following code.\u00a0If there is already code in the advanced SCSS box, do not remove it.\u00a0 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 6 - INCREASE TEXT SIZE AND MENU HEIGHT ***\/\n\/* Menu Height *\/\n.layout.l6 ion-content { height: 60%; }\n\n\/* Item *\/\n.layout.l6 .item-avatar { padding-left: 12px !important; }\n\n\/* Image *\/\n.layout.l6 img { display: none !important; }\n\n\/* Menu Text *\/\n.layout.l6 .label-left {\n  \tfont-size: 20px !important;\n  \ttext-align: center !important;\n}\n\/*** END: LAYOUT 6 - INCREASE TEXT SIZE AND MENU HEIGHT ***\/\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)&nbsp;<\/strong>Click&nbsp;<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:<\/strong>\u00a0 The default menu height is 60%.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1)&nbsp;Log into your&nbsp;App Manager&nbsp;and&nbsp;select your app. 2)&nbsp;Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)\u00a0Scroll down until you get to the\u00a0Advanced\u00a0SCSS box\u00a0and paste the following code.\u00a0If there is already code in the advanced SCSS box, do not remove it.\u00a0 Start a new line \u201cafter\u201d the last character in the box, then paste the code below. 4)&nbsp;Click&nbsp;Save. NOTE:\u00a0 The default menu height is 60%.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-14431","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14431","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=14431"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14431\/revisions"}],"predecessor-version":[{"id":14433,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14431\/revisions\/14433"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=14431"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=14431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}