Add a Logo to Your Site Header - Image Upload Guide

Add a Logo to Your Site Header - Image Upload Guide

By Michael Chen

November 28, 2024 at 06:41 PM

Before adding a logo, ensure your site title is set for SEO purposes and proper alt text generation. Your site title may appear in search results and browser tabs.

Logo Image Requirements:

  • Format: .jpg, .gif, or .png
  • Size: Height should match desired display size
  • Quality: Use larger images to prevent pixelation
  • Background: Use .png format for transparency
  • Note: Stock images cannot be used as logos

Adding a Logo in Version 7.1:

  1. Click [Edit] in top-left corner
  2. Hover over header, click [Edit Site Header]
  3. Click site title/logo, then click pencil icon
  4. In Logo Image section, click [+]
  5. Choose Upload File or Select from Library
  6. Adjust logo height using slider
  7. Click Save

Adding a Logo in Version 7.0:

  1. Hover over title, click [Edit]
  2. Scroll to Logo Image
  3. Drag image or click to upload
  4. Click Save

Styling Your Logo:

  • Position and size can be adjusted for desktop and mobile views
  • Template-specific height and width limits may apply
  • Mobile display may differ from desktop

Logo Behavior:

  • Automatically links to homepage
  • Cannot display both logo and site title simultaneously
  • Include text in logo image if needed
  • Site title text remains important for SEO

Deleting a Logo:

  1. Access header editing
  2. Click logo and pencil icon
  3. Select Delete or trash can icon
  4. Save changes

Tips:

  • Use transparent backgrounds for better integration
  • Consider creating text-inclusive logos
  • Logo dimensions vary by template family
  • Custom redirect links require custom code

To change logo size in version 7.0, adjust the Width of Logo Placement Area in the Design panel. Height limits vary by template (typically 65-100 pixels).

Related Articles

Previous Articles