Logo

Usage

Open Appearance → Customize → Header & Menus → Logo to add your site mark. Upload a Logo for the default masthead and a Reverse Logo (usually all white) for transparent heroes and reverse-print menus.

Set Logo Height so the image fits your bar without crowding navigation. Turn on Enable Mobile Size or Enable Scroll Size when you want a shorter logo on phones or after the visitor scrolls.

When to use it

• Branding a new site before you fine-tune desktop layout colors.
• Homepages with photography under a transparent masthead — pair Reverse Logo with Reverse Print under Desktop.
• Long horizontal logos that need to shrink on small screens or when the sticky bar compresses.

Tips

• SVG or PNG both work; SVG stays crisp at every height.
• Scroll Logo only appears when Enable Scroll Logo is on and the masthead is sticky or floating — use it for a simplified mark that reads at smaller sizes.
• Hide Logo removes the image entirely while keeping menu placement — useful for text-only or icon-only headers.
• Mobile and scroll heights are independent; you can keep the desktop logo tall while shrinking only on phones.