Steegle logo

Navigation Background Colour - new Google Sites

How to set the site logo and navigation background colour to transparent, white or black in new Google Sites

Upgrade to Custom Themes to set ANY colour

Related articles: Custom Themes; Pages and Navigation; Side Navigation; Navigation Links; Hide from Navigation; Rename a Page; Nest Subpages; Menu Sections | tag:navigation


Navigation Settings: Created by Google Theme

Note: these instructions only apply to sites that use a theme Created by Google. If you want to choose any colour upgrade to a Custom Theme.

  1. Use the Settings (looks like a cog/gear) near the Publish button

  2. Choose the Navigation option

  3. Choose the Colour from one of these options:

    • Transparent

    • White

    • Black

  4. The navigation and site logo background colour will change to the chosen colour.

  5. Close the Settings dialogue box.

  6. Use the Publish button to make the changes live.


Please let us know if this article helped or if you know of of any improvements.

Keep up-to-date

Join the Sites Update Group on the Google Sites Classic Comparison to get email notifications about New Google Sites updates.


Subscribe to our newsletter for emails about all things Steegle

Springboard Intranet
for Google Workspace

We provide a well-designed and well-structured intranet to enable your employees to: start work with the right tools; find people with appropriate skills; collaborate with the their teams; access authorized resources; thank and recognize heroic colleagues and coworkers.

Steegle Springboard Intranet for Google Workspace

Steegle People for Google Workspace Logo

Steegle People
for Google Workspace

Searchable staff directory for Google Workspace, with real-time search results, that automatically generates org charts to show your organisation structure - Steegle People.
Steegle Share for Google Drive Logo

Steegle Share
for Google Drive

If the standard Google Drive Folder embed does not give you everything you need, take a look at the Steegle Share for Google Drive that offers search, sorting, download links and more...
Steegle News Gadget for Google Sites Logo

Steegle News
for Google Sites

Display headlines, snippets and metadata linked to your news articles and blog pages on your Google Site and filter by tags added to the news gadget. See the Steegle News Gadget.

Steegle Heroes
for Google Workspace

Employee recognition system: Steegle Heroes allows you to thank and recognise your colleagues, coworkers and employees spotlight a hero as an Employee of the month.