You can manage the header logo settings from:
Appearance → Customize → Header → Logos
Desktop Logo Settings #
- Header Logo – Enable or disable the logo display.
- Light Skin Logo – Default logo displayed on standard (light background) headers.
- Dark Skin Logo – Logo used when the header is transparent or placed over dark backgrounds.
- Logo Sizes – Adjust logo dimensions for desktop devices.
Mobile Logo Settings #
- Mobile Logo – Enable or disable the logo on mobile devices.
- Mobile Light Skin Logo – Default logo displayed on mobile.
- Mobile Dark Skin Logo – Logo used for transparent header on mobile.
- Mobile Logo Sizes – Adjust logo dimensions for mobile devices.
Additional Content #
- Additional Logo HTML Content – Add custom HTML (text, icons, badges, or small elements) to display next to the logo in the header.
Note: If no logo is uploaded, your site title will be displayed as text instead.
Tip: Use separate light and dark logos to ensure visibility across different header styles, especially when using transparent headers.
