Configure Navigation and Theme Color

Configure Navigation and Theme Color

Organizers are able to customize the navigation bar and also change the theme color of the event under the Menu Configure page. 

Configure Navigation

Step 1: Go to the Menu Configure tab and click Configure Navigation.



Step 2: Click the "Click to Make Changes" button to edit the page name, rearrange the order of pages and create custom pages.

 

  1. To edit the page name, simply click on the edit icon.


  2. To show or hide the page, simply toggle on/off accordingly.


  3. To rearrange the order of the pages, simply click on the highlighted icon and drag it to the desired order. 


    1. For desktop view, the order of the menu bar will be arranged from left to right. 
    2. For mobile view, it will be arrange from top to bottom. 

Adding Custom Page

Step 1: To add a custom page, click Add Custom Page. 


 

Here, the Page Category and Custom Page can be created. A URL can also be integrated into the page or subpage which can be opened in a New Tab or Same Tab. After creating the custom page and subpage, click "Add".

mceclip8.gif

More about 3rd party Custom Page
  • Embedding a 3rd party website by iFrame embedding using custom page in the EventX platform is currently not supported under eventx.io domain. By default, the custom page will be opened as a new tab.
  • If you would like to embed the 3rd party website using iFrame embedding, but not open it as a new tab. By using a custom domain for your event, the iFrame embedding will be available. 
    An example of a custom domain for your event: https://thebestevent.com
  • Custom domain which is currently available in Enterprise Plan only. Please contact our Sales Team for details.
  • More examples on how to use Custom Page to empower your event

Once the custom page has been setup, the event site will be updated accordingly.

Screen_Shot_2022-07-27_at_4.32.01_PM.png

Once all the changes have been updated, the organizer may click "Click to Prevent Further Changes" to avoid mistakenly modifying the previous setting.



Theme Color

The organizer can choose the main and secondary theme color under Theme Color (Some components and elements could not be changed due to original design necessity).


 

Note

  1. Once the Main Theme Color has been selected and saved, it applies to Primary Buttons, Radio Buttons & Checkboxes, Toggle Switches, and Tabs.
  2. Secondary buttons will be changed to the secondary theme color. 
  3. If the organizer would like to reset the colors to default, they can do so by clicking on Reset Colors To Default


 

 
 

    • Related Articles

    • General Settings (unpublished)

      Configuring General Settings You can manage your basic setting for your virtual event in the General Settings section. You must be the event administrator to configure these features. This article contains the following sections: How to add or edit ...

    • Utilize custom page to empower your event

      Are you thinking of ways how to increase attendee engagement while they are at your event site? Try utilizing the custom page which is available under Enterprise Plan. To add a custom page check out: Venue Customization - Configure Navigation and ...

    • Event WebApp

      EventX WebApp Setup Guide For Organizers Please refer to the following guides to setup the WebApp as an organizer. Menu Bar & Theme Color Organizers are able to customize the navigation bar and also change the theme color of the event under the Menu ...

    • Custom Domain for Organisation

      Want to have a custom domain for better branding for your event site and your organisation? It is now possible on EventX event platform NOTE: The custom domain only available on Whitelabel module, contact sales@eventx.io for more information Each ...

    • How do I customize my Help Center?

      You can modify the look and feel of your Help Center by changing colors and fonts. You can also change the way your content is organized by using themes. If you're comfortable working with page code, you can dig into the site's HTML, CSS, and ...