How-To Guides
WebApp Theme
How to change the appearance of your WebApp
Click on the numbered links in the image below to read more about each section of the WebApp Theme screem.
Category startup appearance
This drop-down lets you control how the categories and their constituent sale items will appear when a user views the app. There are 3 choices; Expanded, Not Expanded and Only one expanded at a time.
Expanded
All categories will be listed with all their sale items visible. Users will still be able to click on the 
symbol to collapse a category and hide its sale items. Expanded categories look like this;
Not Expanded
Conversely, this setting displays only the category names in the app, requiring the customer to choose to expand each category they wish to select from by clicking the 
icon. With this option set the app displays like this;
Only one expanded at a time
As its name suggests, this setting ensures that only one category is expanded at any time while using the app. Expanding a new category will automatically contract the previous one. You can see this in operation below.
Google font name
This box allows you to change the font used in your WebApp. This is a drop-down list which you can also type into. The fonts available to select are as follows;
However, if you have a font that is used on your own website, that’s available in Google Fonts, you can type the name of that font in this list. As long as the spelling is correct, click ‘Save’ and your web app will use that font. For example, typing in ‘Fontdiner Swanky’
produces an app page looking like this;
Colours
You can now change the colours of all elements in the web app, according to the elements listed below;
The image below shows which items on the page correspond to which of the above headings.
Menu Image
Finally, you can add an image to the top of your web app. This will probably be a logo but you could equally display a signature dish or venue photo;
As you can see, you have the option to upload and delete images. When you upload an image, you’ll see how it will look on the page in the preview window. Here, for comparison, are screen shots of the above logo from both desktop and mobile sites:
