Tag: menu

Home Documentation menu
How do I hide the text menu in the Fab layout?

If you don’t want to use the text menu that appears when you click the red button in the Fab layout, follow the instructions below to hide it: 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 SCSS box. If there
+ Read More

How do I change the icon color of the Menu Icons in the MobileCart feature?

Use the code below to change the icon color of the Main Menu in the MobileCart feature:   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 SCSS box. If there is already code in the advanced SCSS box, do not
+ Read More

Remove Shadow Effect From Menu On Layouts 1, 2 and 10.

Follow the instructions below if you’re using Layouts 1, 2 or 10 and want to remove the shadow effect from the menu.   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 SCSS box. If there is already code in the
+ Read More

Prevent top icons from overlapping the phone’s icons on an iPhone X.

Use the code below to prevent the top icons from overlapping the phone’s top icons on an iPhone X.   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 SCSS box. /** Begin iphone x top icons overlap fix*/ @media
+ Read More

Change the width/height of category select field in the Catalog (Menu) feature.

Use the code below to edit the width and/or height of the category select field in the Catalog (Menu) feature.   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 SCSS box. If there is already code in the advanced SCSS
+ Read More

Edit the menu text color when using Layout Farah.

Use the code below to change the menu text/title color when using Layout Farah.   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 SCSS box. If there is already code in the advanced SCSS box, do not remove it.  Start
+ Read More

Increase the size of the menu images with Layout Farah.

Use the code below to increase the size of the images on the main menu when using Layout Farah.   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 SCSS box. If there is already code in the advanced SCSS box,
+ Read More

Adjust the height of the menu in Layout 1.

Use the instructions below to adjust the menu height of Layout 1.   BEFORE   AFTER   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 SCSS box.  If there is already code in the box do not delete it! 
+ Read More

Make the Menu background color of Layout 9 reach the bottom of the Menu.

The code change below would enable you to make the Menu background color reach the bottom of the Menu.   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.  Enter the
+ Read More

Customize the menu height of Layouts 3, 4, 5 and 6.

Use the code below to customize the menu height (raise the vertical menu height) of Layouts 3, 4, 5 and 6.   1) While in your App Manager, select Colors. 2) Scroll to the bottom of the screen and place the following code in the Advanced CSS box.  If there is already code in the box do
+ Read More