You are here:   Table of contents / Design The App / Navigation Menu & Home Page

Customize the icons of your navigation menu

When setting your navigation menu, you can choose to display icons.
Those icons can be displayed in your shortcuts, or in the main navigation depending on the template you chose.

To set your navigation menu:
1. Click "Navigation menu  " in the left swipe menu My App > Design
2. Click "Edit" under your navigation menu to access its settings in the right column
3. Click the icon you wish to change, the block will unfold
4. Click "Edit the icon":

picture

You have multiple choices at this point:
- Choose from the1500 default icons provided by GoodBarber in the Collections tab.
or
- Import your own icon/image in the back office from the Personal icons tab.  


1

Default icons collections

Different set of icons are available from our collection's tab:
-Generic Set #1: transparent background and full white logo.
-Generic Set #2: transparent background, just with logo borders.
Generic sets #1 and #2, there are ordered by theme: basic, event, weather etc.
-Generic Set #3: mix of logos for different type of page

1. Set the preview size* (16/32/64) of the icons to have a better display.
2. Select the icon of your choice,  it will automatically replace the previous icon.

*It only changes the display in the preview, it doesn't change the actual size of the icon in the app.

picture

2

Personal icons

1. Click "Personal Icon" tab
2. Select "Icon"
3. Click "Browse" to upload your own icon to the right format*

*Colors and textures chosen for the design of your app will be applied only if your icons conform to the following requirements:
- .png 
- 260 x 260 pixels
- Fully white (#FFFFFF) image -  and no other color, even for a pixel!!!! -
- Transparent background


The list of icons you have uploaded will show below, in the Personal collection area.

picture

3

Personal images

The Image option allows to upload colorful images. 
1. Click "Personal Icon" tab
2. Select "Image"
3. Click "Browse" to upload your own icon to the right format*

*for the icon to be displayed in accordance with your design settings, you must respect the following conditions:
-Format : PNG
-Dimensions : 260px x 260px


The list of images you have uploaded will show below, in the Personal collection area.  

picture

4

Video tutorial