Site Logo Widget
Put your tour company's logo on any page of your website using the Elementor Logo widget, with options to switch between your default logo and a custom one.
Overview
Your logo is the first thing travelers see when they land on your website. It tells them they're in the right place and builds trust before they read a single word.
The Logo widget lets you display your company logo on any page built with Elementor. A widget is a building block in Elementor that adds one specific feature to your page. In this case, it adds your logo image.
You can use your default WordPress site logo or upload a custom one. This gives you flexibility if you want to show a different logo on certain pages.
What you'll need before you start
You'll need Elementor installed and active on your WordPress site. If you plan to use a custom logo, have that image file ready to upload before you begin.
How to use the Logo widget
Open your page in Elementor
Go to the page where you want your logo to appear. Click Edit with Elementor at the top of the WordPress editor. This opens the Elementor drag-and-drop builder, where you can place widgets on your page.
Find and drag the Logo widget
In the Elementor panel on the left side of your screen, type "logo" in the search box at the top. When the Logo widget appears in the list, drag it onto your page where you'd like the logo to show.
Choose your logo type
In the settings panel that appears, pick Default to use your WordPress site logo or Custom to upload a different one. You'll see the logo update in the live preview on the right side of your screen.
Set the resolution and width
Adjust the image resolution for sharpness and the width to control how big the logo looks. You'll see each change reflected in the preview right away, so you can tweak it until it looks right.
Layout settings
The layout settings appear on the left side of the Elementor editor when you click on the Logo widget. Here's what each option does.
Logo type
This is where you choose which logo shows up on your page. You have two options:
- Default - shows the site logo you already set up in WordPress. This is the logo you uploaded under Appearance > Customize > Site Identity on the left sidebar of your WordPress dashboard.
- Custom - lets you upload a different logo for this specific widget.
Say you partner with a local gear rental shop for your trekking tours. They ask you to feature their logo on a specific trip page. You'd choose Custom here and upload their logo file.
Image resolution
This controls the quality of your logo image. Higher resolution means a sharper, clearer logo. But larger image files can slow down how fast your page loads for visitors.
For most logos, the default resolution works fine. If your logo looks blurry on phones or tablets, try bumping it up to a higher setting.
Image width
This sets how wide your logo appears on the page. A wider logo stands out more. But if it's too wide, it can crowd other content next to it.
A good starting point is around 200 pixels wide. You can adjust it and watch the change happen live in the Elementor preview.
That covers everything the Logo widget can do. Pick your logo type, set the resolution and width, and your logo is ready to go.
If you're still stuck or have a question we didn't cover, our support team is happy to help. Reach out at our support page and we'll get you sorted.