Logo
| Setting | Description |
|---|---|
| Logo | This setting allows you to upload your logo image, choose an existing one from your media library, or explore free images. Your logo represents your brand and will be displayed on your website in the header of the page. |
| Dark mode logo | Upload an alternate logo to display when dark mode is active. If left empty, the regular logo will be used in dark mode as well. |
| Transparent header logo | Upload a logo to display it on pages with a transparent header. |
| Desktop logo width | Adjust the width of your logo. This helps you ensure that your logo appears appropriately sized and visually appealing. The adjustable range is 50px to 300px. |
| Enable mobile logo width | Turn this on to set a separate logo width for mobile devices, independent of the desktop logo width. |
| Mobile logo width | Adjust the width of your logo on mobile devices. Only available when Enable mobile logo width is turned on. The adjustable range is 50px to 200px. |
| Favicon image | A favicon is a small icon that appears in the browser tab next to your website's title. You can upload a custom favicon image to personalize this element and enhance your brand recognition. *Will be scaled down to 32 x 32px. |
NOTE*
When "Transparent header logo" appears / works:
- The field is visible in the theme editor only when Enable dark/light mode (
enable_mode) is turned off — if dark/light mode is enabled, the field is hidden, and the dark mode logo (Dark mode logo) is used instead. - The transparent logo itself is only displayed on a page if: a Pages with transparent header block has been added to the Header section, and the current page is selected in that block's
pageslist (with Sticky header type set to something other thannone) — i.e., transparent header mode is active on that specific page. - If these two conditions aren't met (dark/light mode is enabled, or the page isn't included in the list of transparent-header pages), the regular Logo is displayed instead of the transparent logo.