> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/template/sections/scrolling-logo.md).

# Scrolling logo

Displays brand or partner logos in a continuous scrolling row.

*Shared Settings*:

* ​[Section layout](https://app.gitbook.com/o/TkZjn4KlhuFWbmx3vSrr/s/kpREZeVZogNLjx09og4O/template/shared-settings/section-layout)​
* ​[Section mobile layout](https://app.gitbook.com/o/TkZjn4KlhuFWbmx3vSrr/s/kpREZeVZogNLjx09og4O/template/shared-settings/section-mobile-layout)​
* ​[Divider line](https://app.gitbook.com/o/TkZjn4KlhuFWbmx3vSrr/s/kpREZeVZogNLjx09og4O/template/shared-settings/divider-line)​
* ​[Section background](https://app.gitbook.com/o/TkZjn4KlhuFWbmx3vSrr/s/kpREZeVZogNLjx09og4O/template/shared-settings/section-background)

***

**Image**\
Upload or select an image to display.

**Link**\
Redirect customers to a specific page when they press the logo.

**Open link in new tab**\
Enable the option to open a page in a new tab instead of the current one.

**Width** \
Set the width of the logo (50%–100%).

**Appear animation**\
Choose how the logos animate:

* **None** - The logo remains static without animation.
* **Slide** - The logo moves from the side of the screen.\
  **Slide from**\
  Controls the direction of the slide animation:
  * **Left** – Logo moves from left to right.
  * **Right** – Logo moves from right to left.
* **Scale out** - The logo gradually shrinks as part of the animation effect.\
  **Reduce media scale**\
  Makes the logo appear smaller when scrolling a page to create more spacing and a lighter visual layout. (20-80%).

***

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FJSbmwdXPBXUCxTCRDZfH%2Flogo_desktop.png?alt=media&amp;token=ebc5a76e-ae32-4b34-864f-c9af366e150b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FhK16bHRiAN4lxjXYYIkx%2Flogo_mobile.png?alt=media&amp;token=58ac79e0-4007-480e-8516-7e2a02a60c5a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}