Skip to main content

Add a Logo Bar

Add a Logo Bar to any page to showcase press, partners, or awards. Upload up to 6 logos and they auto-scroll.

Quick answer

You add a logo bar to a WanderOS page from the page editor: open the page, click + Section, choose Logo Bar, set the eyebrow text (the label on the left, default "As featured in"), and upload up to 6 logos. This applies to all WanderOS hosts. Logos automatically scale to a consistent height and scroll horizontally as a continuous marquee. Use it for press features ("As featured in Travel + Leisure"), partner brands, awards, or certifications.


What is a logo bar?

A logo bar is a single horizontal strip that displays an eyebrow label on the left and a continuously scrolling row of logos on the right. WanderOS handles the visual details automatically:

  • All logos are normalized to the same display height so a tall logo and a wide logo look balanced side by side.

  • The row auto-scrolls right-to-left as a seamless loop.

  • The edges fade out, so logos appear to slide in and out of view.

  • Each logo can optionally link to an external URL (a press article, a partner site, etc.).

Note: The logo bar is for static brand or press logos that you upload. To display synced guest review stars and counts, use the Reviews section instead. To display written quotes, use the Testimonials section.


Before you start

Have the following ready before you begin.

  • The page you want to edit (Homepage, About, a custom landing page, etc.)

  • Up to 6 logo files (PNG with transparent background recommended; SVG also supported)

  • Optional: the destination URL for each logo if you want it to be clickable

  • The eyebrow label you want on the left (e.g. "As featured in", "Trusted by", "Our partners")


How do I add a logo bar to a page?

You add a logo bar in five steps from the WanderOS page editor.

  1. Go to app.wander.com and open Website → Pages from the left menu.

  2. Select the page you want to edit.

  3. Click + Section at the location where the logo bar should appear.

  4. Select Logo Bar from the section category list.

  5. Set the eyebrow text, upload each logo, and optionally paste a destination URL for each one.

Click Publish when you are done.

Tip: Logo bars work best directly under the hero section on a homepage or above the footer on an About page. Placing the bar near the top of the page gives credibility before a guest scrolls into property details.


How many logos can I add and what size should they be?

You can add up to 6 logos in a single logo bar. WanderOS automatically normalizes the height of every logo to keep the bar visually balanced, so you do not need to resize files yourself before uploading.

Recommended file specs:

  • Format: PNG with transparent background, or SVG

  • Color: Single-color or grayscale logos look most cohesive across a row of mixed brands. Full-color logos work but can read as visually noisy.

  • Aspect ratio: Anything from square to wide-rectangle is fine. The system fits each logo to a consistent height (around 28 pixels rendered) and lets the width flow.

  • File size: Keep each file under 200 KB for fast page loads.

Note: If you upload more than 6 logos, only the first 6 are displayed. Reorder or remove logos in the section editor to control which ones appear.


How do I make a logo clickable?

Each logo has an optional link field. When set, clicking the logo on the live site opens that URL.

  1. In the page editor, click the logo bar section to select it.

  2. Click into the logo you want to link.

  3. Paste the destination URL (start with https://) into the Link field.

  4. Leave the field blank if you want the logo to be non-clickable.

  5. Click Publish to push your changes live.

Tip: Link press logos to the actual article about your property. Link partner logos to the partner's homepage. Linking gives guests a way to verify the credential, which builds trust.


How do I change the eyebrow text?

The eyebrow is the short label on the left side of the logo bar. The default is "As featured in". You can change it to anything that fits your context.

Common eyebrow values:

  • As featured in — for press or media logos

  • Trusted by — for B2B partner or client logos

  • Our partners — for vendor or brand partner logos

  • Awards — for industry recognition logos

  • Member of — for trade association or certification logos

To remove the eyebrow entirely, clear the field. The logos will fill the full width.


How do I edit, reorder, or remove logos?

You manage logos directly inside the section in the page editor.

  1. Open the page in Website → Pages.

  2. Click the logo bar section to select it.

  3. To replace a logo, click it and upload a new file.

  4. To reorder logos, drag a logo to its new position in the list.

  5. To remove a single logo, use the delete icon on that logo.

  6. To remove the whole section, select the section header and use the section delete control.

  7. Click Publish to push your changes live.

Note: Changes are not visible to guests until you click Publish. Use Preview to confirm the bar looks right before publishing.


Troubleshooting

If your logo bar does not look right, check the most common causes below.

  • Section is blank or shows an empty space: At least one logo with an uploaded image file is required. Logos without an uploaded file are skipped.

  • Logos look squashed or oddly sized: Re-upload as a PNG with transparent background and an aspect ratio between square and 3:1 wide. Avoid logos with extra whitespace baked into the file.

  • A full-color logo clashes with the others: Convert it to grayscale or a single brand color before uploading. The bar reads cleanest when all logos use a similar treatment.

  • Logos are not scrolling on mobile: The marquee animation runs on every device. If logos appear static, hard-refresh the page or republish the page from the editor.

  • A clicked logo does not open a link: Confirm the link field starts with https://. Pasting just example.com without the protocol breaks the link.

  • More than 6 logos do not all show: This is by design. The bar caps at 6 to keep each logo readable. Remove or rotate logos as needed.

Did this answer your question?