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:

  • Scale perfectly at any size
  • Have smaller file sizes and load faster
  • Appear sharp on all screen resolutions
  • Work well across devices
  • Are easy to edit (colors and text)

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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us