How to customize the menu on your website, add submenu, change company name, logo or update menu colors?

How to customize the menu on your website, add submenu, change company name, logo or update menu colors?

Your website’s navigation menu helps learners easily explore your pages and content. This guide explains how to set up, edit, and customize your menu, including adding items, submenus, logos, color settings, and CSS styling.

Accessing the menu

Access the navigation bar editor from your website builder to customize how your site’s main menu appears and functions. Here’s how to access the menu settings:

  1. Access your Publisher Dashboard
  2. Click Website builder > Pages
  3. Under Actions, click Edit for the page you wish to modify
  4. Once the page builder opens, click Edit again

  1. Click the Gear icon at the top center to open the Navigation bar window
Within the Settings tab of the navigation bar, you can configure your brand’s logo and name. Follow these steps:

  1. Click Settings under the navigation bar
  2. Under Style, select your preferred menu style (for example, static dark topbar, transparent topbar, etc.)
  3. Click Logo to upload your logo image
  4. Under Logo Text, update your company name text (for example: your brand or company name)
  5. Update Logo link if needed to direct users to your homepage or any preferred URL
  6. Click OK to save changes
The updates will be saved.
InfoNote: If both logo and logo text are added, the logo appears first followed by the text

Editing and rearranging menu items

The Menu builder tab allows you to create, organize, and manage your menu items.

Here's how to add a new menu item:
  1. Click the Menu Builder tab
  2. Select +Item to add a new menu item
  3. Under Generate link, choose the Type
  4. If Page links is selected, choose a page from the Source dropdown

  1. Add your Display text
  2. Check Open in new window if you want the link to open separately
  3. Click Select icon to display an icon instead of text, if preferred
  4. Optionally, select Highlight to emphasize the item
  5. Click Add to include it in your menu

  1. Drag one menu item slightly under another to nest it as a submenu
  2. Drop it to confirm placement
  3. Repeat for additional submenu items
  4. Click OK to save the changes
Follow the process to add more options on the menu for redirection to courses, bundles, or to redirect the user to their account or profile. 
Info
Note: Once the dropdown is selected, the URL is auto populated in the Link. If you wish to enable a custom link, simply add the URL here and the display text without selecting a page from the dropdown.

Changing menu appearance and style

You can also customize the colors and CSS of your menu to match your website’s design.

To change the look of your menu:
  1. Go to the Settings tab under the navigation bar
  2. Select the color required under Background Color and Sub Menu Background Color
  3. Additionally, use Navbar CSS and Menu item CSS to apply custom styling
The menu and submenu's color will be changed accordingly.
Important Considerations
  1. Menu changes made using the new page builder automatically apply to all existing and new pages built with it.
  2. For older (legacy) websites using V2 page builder, refer to the FAQ: Menu settings on V2 page builder.
  3. You can add custom logo text CSS under Logo text CSS for styling.
  4. To show both icon and display text for a menu item, add an icon and use inline code to combine icon and text display.
  5. Knorish support will not be able to assist with troubleshooting issues arising from custom CSS or inline code additions.
​

    • Related Articles

    • How to change the Blog Name on the Menu?

      This article shows how to change the name of the blog and on the menu as well. Here’s how it is done: Log into your Knorish site Go to dashboard> Settings> Blog Settings Update the blog name, Meta title, description, keywords etc. Click Save Then go ...

    • How to add a submenu on my site's menu?

      This article shows you how to add a submenu on your site’s menu. Note: Ensure your page is published. To add a new page and how to manager pages on your Knorish site read our FAQ on Manage Knorish site pages. After the page has been added and ...

    • How to add a logo to your site?

      This article shows you how to add your brand logo to the website, user dashboard, emailers, course completion certificate& the favicon. Types Of Logo You Need There are 4 types of logo you need for your brand. A standard logo, then you need the same ...

    • Can I increase the size of the logo on the menu?

      With everchanging mobile and desktop sizes, ensuring a seamless viewing experience across mobile, laptops and other devices, it is key to ensure certain aspects of the website developments are locked in. This is why the logo size and its aspect ratio ...

    • Install or add a new website theme

      Choosing a theme for your Knorish site is an exciting step towards creating a professional and visually appealing online brand. All Knorish website themes are mobile responsive, fast loading, and come with standard pages like home, about us, course ...