Logo and browser icon
What it is for
Choose the logo shown on your website, plus the small icon used in browser tabs and phone shortcuts.
The logo shows in the site header; the favicon and the Apple touch icon appear in browser tabs, bookmarks and on iPhone home screens.
Access
In My website, click Open Studio. In the Studio menu, open Identity › Logo and browser icon.
Changes show in the live preview. Click Save changes to keep them.
- Requires the Steer Studio module on your team: without it, My website is hidden from the menu.
Steps
- Open the section as shown above.
- Fill in the settings below. The live preview on the right updates as you type.
- Click Save changes. Your edits go live on the public site once saved; Discard drops the unsaved ones.
Logo
SVG or transparent PNG recommended
- Alt text
Favicon
Square PNG · 32×32 minimum
Apple touch icon
iOS home-screen · 180×180 PNG
Typical use
Upload your logo as SVG (or transparent PNG) and a square favicon right after setting your brand basics.
Good to know
- Logo: SVG or PNG up to 10 MB. The logo is saved as soon as it is uploaded; the other fields wait for Save changes.
- Favicon: square PNG, 32×32 minimum. Apple touch icon: 180×180 PNG.
- Version history keeps the last 20 saved versions. Opening one loads it in the editor; click Save changes to apply it.
Common issues
"Save failed". Your edits were not saved. Check the highlighted field, then click Save changes again.
"Connection lost. Your changes are not saved yet…" Stay on the page: the changes are saved when you are back online.
"The server is not responding. Your changes are not saved…" Wait a moment, then click Save changes again.
"Please allow pop-ups to open Studio in a new tab." Studio opens in a new tab from My website. Allow pop-ups for Steer Autos, then click Open Studio again.