PART 1 - Updating the Website Logo (Top Left Logo)

This is the logo shown in the website header/navigation bar.

Method A - Standard Website Editor (Recommended)

Step 1 - Go to Your Website

1. Log in as an Administrator.

2. Click Website from the main apps dashboard.

3. Click Go to Website.

Step 2 - Enter Edit Mode

1. Click the Edit button (top right).

2. You are now in website builder mode.

Step 3 - Click the Logo

1. Hover over the logo in the top left.

2. Click directly on the logo.

3. A configuration panel appears on the right.

Step 4 - Replace the Image

1. Click Edit or Replace (depending on theme).

2. Upload your new logo.

3. Click Save.

Step 5 - Save the Page

1. Click Save (top right).

2. Exit edit mode.

Recommended Logo Specs

• Format: PNG (preferred) or SVG

• Background: Transparent (if possible)

• Height: 60-100px typically works well

• Width: Depends on layout (usually 200-400px)

If your logo looks blurry:

• Upload a higher resolution version.

• Avoid stretching.

• Use SVG if available.

PART 2 - Updating the Favicon (Browser Tab Icon)

The favicon is the small icon shown:

• In browser tabs

• In bookmarks

• In browser history

This is NOT changed via the logo editor.

Method A - Using Website Settings (Correct Method)

Step 1 - Go to Website Settings

1. From the Odoo dashboard, go to:
   Website → Configuration → Settings

Step 2 - Find the Favicon Field

Scroll down until you find:

Website Info
or
Branding
or a field labelled:

• Favicon

• Website Icon

(Exact label depends on installed modules and theme.)

Step 3 - Upload New Favicon

1. Click the favicon image.

2. Upload your new favicon file.

3. Click Save (top left of settings page).

Recommended Favicon Specs

• Format: PNG or ICO

• Size: 32x32px minimum

• Recommended: 64x64px or 128x128px

• Square image only

If favicon does not update:

• Hard refresh browser (Ctrl + F5)

• Clear browser cache

• Try Incognito mode

• Wait 5-10 minutes (browser caching is common)

PART 3 - If Favicon Does NOT Appear

Sometimes Odoo 13 Community themes override favicon via code.

If updating in settings does nothing:

Check Website View Override

1. Enable Developer Mode

   • Go to Settings

   • Click Activate Developer Mode

2. Go to:
   Website → Configuration → Views

3. Search for:

   website.layout
   

4. Open the layout view.

5. Look for something like:

   <link rel="shortcut icon" href="/web/image/..." />
   

If a hardcoded path exists, it will override the settings favicon.

If so:

• Remove the hardcoded line

• Or update the image reference

• Save

PART 4 - If You Are Using a Custom Theme

If logo keeps reverting or favicon won't change:

1. Go to:
   Website → Configuration → Themes

2. Check which theme is active.

3. Some themes store logo in theme settings instead.

Check:

• Website → Customize

• Theme settings panel

PART 5 - Clearing Cache Properly

After changes:

Clear Odoo Cache

• Restart Odoo service (if self hosted)

• Or upgrade the Website module

Clear Browser Cache

• Ctrl + F5

• Or open DevTools → Network → Disable cache → Refresh

Favicons are heavily cached by browsers.

PART 6 - Common Mistakes

Quick Checklist

1. Update Logo via Website Editor

2. Update Favicon via Website Settings

3. Hard refresh browser

4. Test in Incognito

5. Test on mobile

6. Restart Odoo (if self hosted)