Set your favicon and branding

Set Your Favicon and Branding

Your favicon is the small icon that shows up in browser tabs, bookmarks, and next to your site in Google search results. It's one of the first things customers notice — so it's worth setting your own instead of using a generic placeholder.

This article covers how to upload your favicon, plus the rest of the Design & Branding settings (logo, homepage image, brand colours).

Where to Set Your Branding

Sign in to Back Office.
Go to Website & App > Settings > Design & Branding.

You'll see fields for:

Favicon — the tab icon (this article focuses on this one)
Header Logo — appears at the top of your ordering site
Homepage Image — the main hero image on your homepage
Brand Colours — used for buttons, highlights, and accents

Upload Your Favicon

In Design & Branding, find the Favicon field.
Click Upload and select your icon file.
Click Save.

That's it — your favicon is now live on your ordering site.

What File Should I Use?

Format: .ico, .png, or .svg all work. .png is the easiest to make.
Size: A square image, ideally 32 × 32 or 64 × 64 pixels. Anything bigger will be scaled down by the browser.
Design tip: Favicons are tiny, so use a bold, simple mark — usually your logo's monogram or symbol, not the full wordmark. Fine detail won't be readable.

Don't have one yet? Until you upload a favicon, your site shows the default MyFoodFast icon. Customers see this in their browser tab, so we strongly recommend uploading your own.

When Will Customers See the New Favicon?

It depends on where they're looking:

Browser Tabs and Bookmarks

New visitors: see the new favicon immediately.
Returning customers: their browser may have cached the old icon for a few hours. A hard refresh (Ctrl+F5 on Windows, Cmd+Shift+R on Mac) clears it. Most customers won't need to do anything — it'll update on its own within a day.

Google Search Results

The favicon shown next to your site in Google search results can take hours to days to refresh, because Google maintains its own favicon cache that's separate from your site.
To speed this up: open Google Search Console, select your property, and use the URL Inspection tool on your homepage. Click Request Indexing. This nudges Google to re-crawl the page (and your favicon) sooner.
If you don't have Google Search Console set up, the favicon will still refresh on its own — it just takes longer.

Note: There's no way to force an instant favicon update in Google search results. The re-indexing request usually takes 1–3 days; without it, expect up to a week or two.

Other Design & Branding Fields

The logo shown at the top of every page of your ordering site.

Format: .png with a transparent background works best.
Size: Roughly 300–600 pixels wide, with whatever height keeps your logo's proportions. The site will scale it to fit.

Homepage Image

The large image at the top of your homepage. Use something appetising — a hero photo of your food, your storefront, or a signature dish.

Format: .jpg or .png.
Size: At least 1600 pixels wide so it looks sharp on large screens.

Brand Colours

Pick the colours used for buttons, highlights, and section accents. These should match your existing brand if you have one, so your ordering site feels consistent with your other materials.

Troubleshooting

"I uploaded a new favicon but I still see the old one"

Hard refresh: Ctrl+F5 (Windows) or Cmd+Shift+R (Mac).
Try in an Incognito / Private window — this bypasses your browser cache entirely.
If it's still wrong after that, check Back Office to confirm the upload saved successfully.

"Google still shows the old favicon in search results"

This is normal — Google's favicon cache is separate and can take days to refresh.
Speed it up with Request Indexing in Google Search Console (see above).

"My favicon looks blurry or pixelated"

The image you uploaded is probably too small. Re-upload at 32 × 32 or 64 × 64 pixels minimum.
If you uploaded a rectangular image, it'll be squashed into a square — use a square source file.

Need Help?

Email help@myfoodfast.com with a screenshot of the favicon you uploaded and what you're seeing on your live site. We'll take a look.

Set your favicon and branding