Logo and favicon
A logo is a graphic symbol representing a brand or company.
Logos are typically placed in headers and footers to maintain consistent branding, a professional look, and easy identification across all pages.


A favicon is a small icon representing a website in browser tabs or bookmarks.

| Setting | Description |
| Favicon image |
A favicon is a small icon displayed in the browser tab next to your website title. You can upload a custom favicon to personalize this element and improve brand recognition. Recommendation: Upload the favicon in SVG format for the best quality and scalability. |
| Logo |
This is the logo used in light mode. This setting allows you to upload a logo image, select one from your media library, or choose from available free images. SVG format is recommended because SVG logos:
After you upload the desktop logo, the Mobile Logo option becomes available. |
| Logo mobile | Upload a dedicated logo version optimized for mobile devices. This option appears after a desktop logo has been added. |
| Dark mode logo |
This is the logo used in dark mode. You can upload a separate logo version for dark backgrounds. A standard (light mode) logo may not be clearly visible on dark surfaces, so using a dedicated dark mode logo ensures your branding remains readable and consistent. After you upload the dark mode desktop logo, the Dark Mode Mobile Logo option becomes available. |
| Dark mode logo mobile |
This is the logo used on mobile devices when dark mode is enabled. You can upload a separate version of your logo optimized for dark backgrounds on mobile screens. This ensures your branding remains clear and readable on all devices. |
| Logo width | Adjust the width of your logo using a slider control. Slide left or right to decrease or increase the logo width to fit your design layout. |
| Logo width mobile | Set a separate logo width for mobile devices to ensure the logo displays properly on smaller screens. |