Change the color settings for the Desktop Navigation Menu and Mobile Navigation Menu

The Navigation Menu is displayed at the top part of every page of your website. It usually contains the restaurant's menu, ordering, reservations, and about page. Click here to learn how to customize your navigation menu.

Accessing the Navigation Color Settings

  • Select the Design Tab from the settings menu on the left side of the page editor
  • Click General Colors
  • Adjust the color settings under Navbar and Mobile Navigation

Note: Design Settings are applied to all elements across all pages in the website.

Find general color settings

The navigation menu is displayed at the top of each page of your website.

  • Background Color - background color of the navigation menu bar
  • Link Color - color of each page name on the menu
  • Link Color on Hover - color is applied on the page name when a page visitor hovers the mouse pointer over it
Navigation menu color example

Mobile Navigation Menu Color Settings

When a user is viewing the website on a mobile device, the navigation menu shrinks into what we refer to as a "hamburger menu," it's those 3 horizontal lines you see at the top right corner of a mobile screen.

When the hamburger menu is clicked, the mobile menu slides in from the right side.

  • Background Color - background color of the mobile menu that slides in when the menu icon is pressed
  • Navigation Link Color - the color of each page name on the menu.
Mobile color example