Displays the store logo with responsive sizing for desktop and mobile devices. The component renders either an uploaded logo image or falls back to the shop name as text if no image is provided. The logo is fully customizable with options for height adjustments on different devices, horizontal alignment, padding, and visibility controls across breakpoints.
Common use cases
Upload a logo with transparent background for best results
Adjust desktop and mobile logo heights to maintain proper proportions and readability
Consider logo placement within the overall header layout when choosing alignment
Use text fallback when logo image is not available
Block settings
General
Setting
Description
Options
Show advanced settings
Reveals visibility settings
Checkbox (default: false)
Content
Setting
Description
Options
Logo
Upload a logo image
Image picker
Visible when show image is true
URL
Link destination when logo is clicked
URL input (default: /)
Text
Text to display if no logo image is provided
Text input
Visible when show image is false
Show image
Toggle between logo image and text
Checkbox (default: false)
Spacing
Setting
Description
Options
Desktop logo height
Height of the logo on desktop devices
10 - 200 px (default: 24)
Mobile logo height
Height of the logo on mobile devices
10 - 200 px (default: 24)
Enable horizontal padding
Adds horizontal padding around the logo
Checkbox (default: false)
Style
Setting
Description
Options
Font family
Controls the font family used for text logo
• Standard • Heading (default) • Subheading • Accent
Visible when font size contains 'type--' or font size is "custom"
