Skip to main content

How to add a logo to your website header

Upload a JPG or PNG logo to your website header, adjust its size, or switch to showing your hotel name as text.

Overview

Add your hotel's logo to the header of your website. You can upload a JPG or PNG image, adjust its display size, or switch to showing your hotel's name as text instead.

The header can show either:

  • A logo image you upload, or

  • Your hotel name as styled text

Only one at a time — switch between the two with the Logo/text area toggle.


Before you start

  • You need admin access to the website editor.

  • Your logo file must be a JPG or PNG. SVG, GIF and WebP are not supported.

  • Use a logo with a transparent background (PNG) for the cleanest look on coloured headers.

  • Recommended size: at least 300 px wide at the original resolution — the display can be resized up to 300 px in the editor.


Step-by-step instructions

  1. In the sidebar, go to WebsiteWebsite.

  2. Click Customize in the top right.

  3. In the blocks sidebar, click Header.

  4. Open the Content section, then in Logo/text area select Logo.

  5. Click the image upload area that appears below.

  6. Either click the camera icon to upload a JPG or PNG from your computer, or pick an existing image from your library.

  7. (Optional) Adjust the logo width with the slider — between 50 and 300 pixels.

  8. Click Save. The logo appears on your live website immediately.


Important rules

📌 Note — Only JPG and PNG files are accepted. SVG, GIF and WebP uploads will be rejected.

Important — The header shows either the logo image or the hotel name as text, not both. Toggle in the Logo/text area dropdown.


FAQs


What image formats can I use?

JPG and PNG only. SVG, GIF and WebP are not supported at this time.


What size should my logo be?

Upload an image at least 300 pixels wide at its original resolution. The display can be resized in the editor between 50 and 300 pixels. A wide rectangular logo (3:1 or 4:1) usually fits the header best — very tall or square logos may appear small.


How do I make the logo bigger or smaller?

In the same Header → Content section, use the logo width slider (between 50 and 300 pixels). Click Save to apply.


How do I remove the logo?

In the same Header → Content section, click the remove button on the logo preview. The header automatically switches back to showing your hotel name as text. Click Save to apply.


Can I use my hotel name as text instead of a logo?

Yes. In the same Header → Content section, set Logo/text area to Text. Your hotel name will appear in styled text in place of the logo.


My logo looks blurry — what should I do?

Upload a higher-resolution version of your logo. We recommend at least 300 pixels wide for sharp display on standard screens, and 600 pixels wide for crisp display on retina / high-DPI screens. The system optimises the image automatically for the visitor's device.


Does the logo also show on mobile?

Yes. The same logo is shown on every device. Sizing is handled automatically — the header adapts to smaller screens.


Can I have a different logo per language?

No. The same logo is used across all language versions of your website.

Did this answer your question?