Navigation Configuration

Navigation defines how users move between different areas of your mobile app. A clear navigation structure improves usability and helps customers easily find products and content.

Navigation settings usually include:

• Header
• Side Menu
• Bottom Navigation Bar

Header Configuration

The Header appears at the top of most screens in your app. It typically contains essential navigation and quick-access functions.

Common Header Elements

You may configure the following elements:

• App logo/ App name
• Cart icon

How to Configure Header

1. Go to App Design
2. Select Navigation
3. Open Header
4. Configure the available elements
5. Enable or disable specific icons
6. Save your settings

Best Practices

• Keep the header simple and uncluttered
• Ensure icons are clear and easy to tap

Side Menu

The Side Menu (also known as a drawer menu) provides access to additional pages and categories within your app.

It usually appears when users tap the menu icon in the header.

What You Can Add to the Side Menu

Common menu items include:

• Home
• Shop / Collections
• Orders
• Account
• Custom pages

How to Configure Side Menu

1. Go to App Design
2. Open Navigation
3. Select Side Menu
4. Add or remove menu items
5. Reorder menu items by priority
6. Save the configuration

Best Practices

• Keep the menu structure simple
• Place the most important pages near the top
• Avoid adding too many navigation items

Bottom Navigation Bar

The Bottom Navigation Bar is one of the most important navigation components in a mobile app. It allows users to quickly switch between key sections.

Typical Bottom Navigation Items

Most apps include between 3 and 5 navigation tabs, such as:

• Home
• Search
• Collection/ Products
• Notifications
• Account

Each tab usually contains:

• An icon
• A label

How to Configure Bottom Navigation

1. Go to App Design
2. Select Navigation
3. Open Bottom Bar
4. Add or edit navigation tabs
5. Assign each tab to navigate to a specific screen or product.
6. Customize the icon and label
7. Save the configuration

Best Practices

• Limit the bottom bar to 3–5 tabs
• Use clear icons and short labels
• Keep the most important features easily accessible
• Maintain consistent icon styles

After updating navigation settings:

1. Open Ego Live Preview
2. Test the app flow
3. Check how the navigation works
4. Confirm typography readability
5. Verify splash screen appearance

This helps ensure your design and navigation work smoothly before submitting your app.