Comfort is one of the design concepts in mimic. Therefore, we have incorporated customizable navigation menus that can be easily configured with a click of a button. Web page navigation can be controlled by managing what goes on the header and footer sections. This article explains how to set up and control your web portal’s navigation menus.

  1. Header Setup

  2. Footer Setup

We will start by explaining a few key terms that are vital to understanding the upcoming sections:


1. Header Setup

To manage your website’s header bar, open the Web Portal Tab > Page Elements > Customize Header.

Click on the “Setup” tab from the right side pane. This will expand a side menu from which you can manage the setup of your header navigation menu. By default, only “live” pages will appear on the list of navigation buttons (box ticked: show only live pages). In the centre of the page, the header bars for both registered and unregistered visitors can be previewed.

The header setup box is where you control the navigation menu by simply turning two toggle switches on/off as following:

Moreover, you can manage the order in which the pages appear in the navigation bar by simply dragging the items inside the Footer Setup box up-and-down.

In the example image above you will notice that some pages do not appear in the header menu at all, as they are set as invisible (the toggle switch under “Visible” is OFF). Moreover, some pages do not appear in the header bar of unregistered users, as they are set as private (the toggle switch under “Public” is OFF). These are just a few examples of how you can manage the navigation menu. Remember, you have absolute control over your project and can try out any setup combination to meet your needs.

  • Creating drop-down navigation menus:

You might want to group certain web pages into a dropdown menu in the header. This feature is also readily available for you. First, scroll to the bottom of the header setup box and click on “Add Dropdown”. Next, give the dropdown menu a name, and select the “children” pages that you wish to nest into that menu. Similarly, you can manage the order of the items enlisted in here by dragging them up and down. Finally, click on “Create”.

You will immediately see the changes applied in the preview window. To edit or delete the dropdown menu at any time, click on the three dots next to the name of the menu and select “edit” or “delete”.

> Tip: If you created a multilingual website, change the language selection from inside the “Preview” window to see how the navigation bar would look in another language. For example, the image below shows a header bar displayed in “Arabic”.

Always “Save” your changes once done. If you ever forget, no worries! The interface will ask you to save your work before navigating to another page. To apply the changes to your website, click on “Push Live”. Otherwise, if you are unhappy with the changes you made, click on “Reset”.


2. Footer Setup

To manage the footer section of your website, open the Web Portal Tab > Page Elements > Customize Footer.

Click on the “Setup” tab from the right side pane. This will expand a side menu from which you can manage the setup of your footer section. For the footer, we have incorporated three built-in elements; namely a copyright text, social media icons, and policy pages. There are also toggle switches here to enable/disable elements from the footer at any time. Changes you make to the footer can be seen in the preview section of the screen (bottom centre).

- Copyright text: this can be filled manually and we have already entered a template for you to use.

- Social media icons: we have incorporated a list of social media icons that you can add to the footer including YouTube, Instagram, Facebook, Twitter, Linkedin, Website, and Email. To add your social media information, click on “Add icons” > select the social media platform of choice > insert its corresponding URL > click on “Create”. Turn the toggle switch ON for the icons to appear in the footer, or OFF to hide them. You can also edit or delete social media links at any time by opening the three dots menu and selecting “edit link” or “remove link”. You can also rearrange the order of the icons by simply dragging the items up and down in the side menu.

- Policy pages: these include the built-in “Privacy Policy” and “Terms of Use” pages from the drag-and-drop web portal pages. Policy pages are added to the footer by default, however you can change this at any time. To hide the pages, turn off the toggle switch. Alternatively, if you are using an external source to create your policy pages, you can embed the URL link and use it in place of the built-in page.

Always “Save” your changes once done. If you ever forget, no worries! The interface will ask you to save your work before navigating to another page. To apply the changes to your website, click on “Push Live”. Otherwise, if you are unhappy with the changes you made, click on “Reset”.


  • Do you want to learn more?

2.2.1 Introduction to Web Portal Pages

2.2.8 Web Portal Elements Customization - Coming soon!

Did this answer your question?