# Logo strip

The logo strip section displays a horizontal or grid-based collection of brand or partner logos. It is commonly used to showcase press mentions, clients, suppliers, or trusted brands to build credibility and social proof.

<figure><img src="/files/bqQMzdcfqjFrfUy0dsqy" alt=""><figcaption></figcaption></figure>

#### Show header

Controls the visibility of the section header above the logo strip. When enabled, the heading and subheading are displayed if set.

#### Heading

The main heading displayed for the section. Default is “Logo strip”. Leave blank to omit.

#### Subheading

Optional supporting text shown below the heading to provide context or explanation for the displayed logos. Leave blank to omit.

#### Button label

Defines the text for an optional call-to-action button. Leave blank to hide the button.

#### Button link

Specifies the URL destination for the button. Can link to a page, press page, or external site. Leave blank to omit.

#### Button style

Defines the visual style of the button. Default is “Secondary”.

#### Show header divider

Toggles a visual divider beneath the header to separate it from the logo content.

#### Style on desktop

Defines how the logo strip is visually presented on desktop devices. Controls overall layout behavior and spacing style.

#### Maximum width

Controls the maximum width of the logo strip content. Default is “Narrow”, keeping logos tightly grouped for better focus.

#### Grid columns (desktop)

Sets the number of columns used to display logos on desktop devices. Default is 4, creating a balanced grid layout.

#### Logo width (desktop)

Controls the width of each logo container on desktop, measured as a percentage of the section width.

#### Logo padding (desktop)

Sets the internal spacing around each logo on desktop. Default is Medium.

#### Style on mobile

Defines how the logo strip is displayed on mobile devices, ensuring responsive layout adjustments.

#### Grid columns (mobile)

Sets the number of columns used to display logos on mobile devices. Default is 2 for better readability on small screens.

#### Logo width (mobile)

Controls the width of each logo container on mobile, measured as a percentage of the section width.

#### Logo padding (mobile)

Sets the internal spacing around each logo on mobile devices to ensure consistent visual spacing.

#### Use grayscale images

Displays logos in grayscale for a more uniform, neutral visual style.

#### Use low opacity images

Reduces the opacity of logos to create a subtle, background-style presentation.

#### Use inverted images

Inverts logo colors, typically used for dark backgrounds to maintain visibility.

#### Force square ratio

Forces all logo containers into a 1:1 square ratio without distorting the original logo image.

#### Vertical spacing

Controls the spacing around the section to adjust its separation from surrounding content.

#### Vertical spacing (desktop)

Sets the vertical spacing applied on desktop devices. Default is Large.

#### Vertical spacing (mobile)

Sets the vertical spacing applied on mobile devices to ensure consistent spacing across screen sizes.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gatame.gitbook.io/highstreet/dynamic-sections/editorial/logo-strip.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.