How to Change the Menu Style on Your Tempo Website

This article will show you how to change the style of the menu on your Tempo website.

Note: The Tempo template is part of our Classic Composer product, so the settings described here apply to Classic Composer sites.

⚙️ Steps to Change the Menu Style

1. In the CMS, go to Settings > Design & Appearance.

2. Go to the Sections tab.

3. Open the Navigation accordion. Here you’ll see options to adjust the look and feel of your navigation:

   • Font: Choose between the two fonts available on your website.

   • Font Size: Select small, medium, or large.

   • Text Case: Choose whether menu text appears uppercase or not.

   • Font Weight: Choose whether text appears bold.

   • Text Colour: Use a hex code or the colour picker.

   • Sub-menu Background Colour: Pick a colour for your sub-menu items.

   • Sub-menu Text Colour: Choose a colour for your sub-menu options.

   • Active Style: This controls how the current menu item is highlighted:

     • Text Colour

     • Underline

   • Active Colour: Pick the colour associated with your chosen active style.

✅ Optional: Adjust Sticky Header Menu

If your header sticks to the top of the page when scrolling, you can adjust the following:

1. Text Colour for the sticky menu.

2. Sub-menu Background Colour for the sticky menu.

3. Sub-menu Text Colour for the sticky menu.

4. Active Colour for the sticky menu, showing which menu option is currently active.

💾 Save Your Changes

Once all adjustments are made, scroll to the bottom of the page and click Save to apply your changes.