Skip to content
Vegacart - Helpdesk

Item added to your cart

View cart
  1. All Collections
  2. Design Mobile App
  3. Design Your App
  4. SIDE NAVIGATION

SIDE NAVIGATION

Updated 1 month ago

We will first talk about “Settings” and then move on to “Content”

1. Background image

Set a background image for your side navigation in any of the given formats that you like.

2. Style 

You can choose whether you want to show the side menu icons or hide them.

Decide whether you want a fixed background or a sliding background when the side menu opens from the left side. Then choose the side menu color accordingly.

3. Side Menu

You can customize the following based on your brand alignment:

font, size or weight, line height, letter spacing, icon and text color, capitalization, and active background color. 

You can then decide the color and width of your border accordingly.

4. Login button 

Toggle the login button on or off based on your preference.

Decide what name you want to assign to your login button, and then adjust the font, size or weight, line height, letter spacing, text color, alignment, and capitalization based on your brand preferences.

Decide the border color and width of the login button.

You can decide whether you want to add an icon to the left or right side of the login button, choose its color, and even upload your own custom icon.

Under advanced settings, you can choose the login button’s color, radius, padding, and its relation.

5. Logout Button

For the logout button, you can make the same customizations as the login button. You can rename it, adjust the font, size or weight, line height, letter spacing, text color, alignment, capitalization, border color and width, and even upload a custom icon for the left side. Advanced options also let you change its color, radius, padding, and relation.

Now let’s talk about the “Content”

Your sidebar comes with a list of default tabs like Home, Collections, cart  and more. But you're not limited to these as you can add or remove tabs as per your needs.

For Each Tab, You Can:

Choose and Upload icons

By clicking on the icon button, you can choose from our range of icons or upload any custom icon. (Uploading icons option is available only for advanced and enterprise users)

By clicking on the icon 

Change the Tab Name

Click on the tab name to edit it and enter whatever title you prefer.

Set the Target Page

Click on the Target field and choose the page you want that tab to link to.

Add Categories or Subcategories

If you want to include categories or nested subcategories within a tab:

Click on Sub Menu

Then click “Add More Menu” to include additional links or sections under that tab

Adding category and sub-category is available only for advanced and enterprise users.

 

Related Articles

HEADER
BOTTOM NAVIGATION
CUSTOM FONTS
COLOURS
ICONS
SOCIAL MEDIA LINKS
  • Choosing a selection results in a full page refresh.
  • Opens in a new window.