Knowledge Base

Get Expert Website Hosting

Choose website reliability and expertise with SiteGround!

Home / Ecommerce / How to add a logo to my site header

How to add a logo to my site header

Summarize this article with:
Last update: Mar 11, 2026 • 1 min read

IMPORTANT! We currently have two builder versions: one for sites created before March 4, 2026, and another for sites created after this date. Sites still using the older builder will be automatically migrated to the newer version soon. If your site hasn’t been migrated yet, please refer to the Classic Builder section below.

To add a logo to your site header, follow these instructions:

  1. Click the Edit Website button in Site Admin to access the Website Builder editor.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Click on the header section in the visual page editor to open the header settings window in the right corner.
  3. Open the Components tab.
  4. Enable the Show Logo option.
    Header settings window displaying the Components settings with the Show Logo button toggled on


  5. Click the logo component that will appear in the header section to open its settings.
    Header section of a page in Website Builder with selected logo component displaying its settings
  6. Choose Image to display the logo as an image.
  7. Click Add Image to open logo image options. You can select an image from your website’s gallery or Unsplash Gallery.
    Logo setting window in Website Builder displaying the Add Image button


  8. Then, adjust the logo image size with the Logo Scale slider.
  9. Alternatively, choose Text to display the logo as plain text.
  10. Write down the logo text in the Site Title field.
  11. Choose the font from the Font Style menu.
  12. Adjust the logo text size with the Logo Scale slider.
    Logo settings window displaying the text logo options

How to add a logo to my site header (Classic builder)

To add a logo to your header, click on Header within the Pages tab.

Note: You can choose between using an image or text for your logo.

For an image logo, click on Choose fileto select or upload your logo.

For a text logo, select Text under Display Logo as and enter your desired text in the Site Titlefield.

NOTE! You can adjust the size of both image and text logos to match your preferences.

Share this article

Related Articles