Logo

The section is designed to visually represent your brand identity through a single, prominent image — typically your company’s logo.

It serves as a key visual element that reinforces brand recognition and consistency across your storefront.

This section can be used to introduce your brand within storytelling layouts, highlight a partnership, or display a collection of brand marks when showcasing collaborations or featured partners. Depending on theme settings, you can adjust the logo size, alignment, spacing, and background to ensure it fits seamlessly within your page design.

On the storefront, the Logo section adds a professional and trustworthy touch, helping visitors immediately identify your brand and connect it with your products or story.

In essence, the Logo section ensures your brand’s visual identity remains clear, cohesive, and memorable throughout your storytelling experience.

Location: Sections -> Templates -> Storytelling: Logo


Logo – Options Overview

Option
Values / Description

Layout

Top spacing

None, Small, Medium, Normal – Adjusts the vertical space above the logo section.

Home page top spacing

None – Applies top spacing only on the home page.

Width

Default, Boxed, Wide – Defines the width of the section. The Wide option works for screens 1440px and larger.

Content

Image

Upload or select the logo image to display in the section.

Svg code

Allows adding SVG code instead of an image. The SVG file must include width and height attributes for proper display.

Align text relative to icon

Left, Center, Right – Adjusts alignment of text or logo relative to the icon.

Desktop width

4–100% – Sets how wide the logo appears on desktop screens.

Tablet width

4–100% – Sets how wide the logo appears on tablet devices.

Mobile width

4–100% – Sets how wide the logo appears on mobile devices.

Dividing line

Show

Toggles the display of a dividing line above or below the logo section.

Background

Background

Hide, Color, Gradient, Image – Determines the background style of the logo section.

Lines

Adjusts the color of dividing lines or subtle decorative elements within the section.

Last updated