Skip to main content

Editing custom header logo

Add or customize a logo or graphic in your website header to replace or complement your couple names.

Editing custom header logo

Add or customize a logo or graphic in your website header to replace or complement your couple names.
​

Want to add a special logo or custom graphic to your site header? A custom header logo appears in place of or alongside your couple names, adding personality and branding to your wedding website!
​

What is a custom header logo?

A custom header logo is an image that appears in your website header, usually:
- In place of your text-based couple names
- Above or below your couple names
- In the navigation bar
- At the top center of your site
​

It's a visual identifier for your wedding website!
​

Why use a custom logo?

Unique branding. Create a cohesive look across all your wedding materials.
​

Visual interest. An image can be more eye-catching than plain text.
​

Match your stationery. Use the same logo from your save-the-dates and invitations.
​

Wedding hashtag. Display your hashtag as a designed graphic.
​

Monogram. Show off your combined initials in a beautiful design.
​

How to add a custom header logo

  1. Go to Website in your main navigation

  2. Click the settings icon to open Site settings

  3. Click the Header tab at the top

  4. Find the Display names in header toggle and make sure it's turned on

  5. Below that, click Upload custom header logo (540px width)

  6. Select your logo file (PNG, GIF, JPG, or SVG)

  7. Click Save changes

Your logo appears in the header!
​

Creating your logo

Design tools: Canva, Adobe Illustrator, Figma, or hire a designer
​

Keep it simple. Complex logos don't always scale well
​

Readable text. If your logo includes text, make sure it's legible at small sizes
​

Vector if possible. SVG or high-res PNG for crisp display
​

Logo design ideas

Monogram: Your initials in an elegant design
​

Names + date: "Emily & Jordan | 05.15.2026"
​

Hashtag: Your wedding hashtag in a pretty font
​

Illustrated: Custom illustration of you two
​

Minimal: Simple rings, heart, or meaningful symbol
​

Floral: Names surrounded by botanical elements
​

Logo file requirements

Format: PNG (with transparent background) or SVG
​

Size: At least 400px wide for clarity
​

Transparent background: So it works on any header color
​

Aspect ratio: Horizontal logos work best for headers (3:1 or 4:1 ratio)
​

File size: Under 200KB for fast loading
​

PNG vs. SVG

PNG:
- ✓ Works everywhere
- ✓ Easy to create
- ✗ Can look fuzzy when scaled
- Best for: Photos or complex designs
​

SVG:
- ✓ Scales perfectly at any size
- ✓ Smaller file size
- ✗ Not supported everywhere
- Best for: Text-based or simple graphic logos
​

Try PNG first! It's simpler and widely supported.
​

Logo size and positioning

Your theme usually controls:
​

Size: How big the logo appears
​

Position: Left, center, or right in the header
​

Padding: Space around the logo
​

Some themes let you adjust these, others have fixed settings. Check your theme options!
​

Logo with text vs. logo only

Logo + couple names: Shows both your logo and text-based names
​

Logo instead of names: Logo replaces text entirely (cleaner look)
​

Depends on your theme and what looks better!
​

Mobile display

Your logo might display differently on phones:
​

Smaller: To fit the narrower screen
​

Repositioned: Moved to fit mobile layout
​

Hidden: Some themes hide logos on mobile in favor of text
​

Test on mobile to see how it looks!
​

Removing your custom logo

Don't want a logo anymore?
​

  1. Go to Site settings → Header tab

  2. Click Delete above the logo preview

  3. Click Save changes

Your site goes back to displaying text-based couple names!
​

Updating your logo

You can change your logo anytime! Maybe you:
- Got a better designed version
- Want to match new invitations
- Changed your mind about style
​

Just upload the new image and save!
​

Logo vs. favicon

Header logo: Shows in your website header (large, prominent)
​

Favicon: Tiny icon in browser tabs (16x16 pixels)
​

They're different! You can use the same design for both, but you'll need two different file sizes.
​

Common mistakes

Too complex. Intricate details get lost at smaller sizes.
​

Wrong orientation. Vertical logos don't fit well in horizontal headers.
​

Text too small. Make sure any text in your logo is readable.
​

Huge file size. Slows down your site. Compress your image!
​

Not transparent. Logo has a white or colored box around it (use PNG with transparency instead).
​

Testing your logo

After uploading:
​

  1. View your site to see how it looks
    ​

  2. Check alignment with other header elements
    ​

  3. Test on mobile to see if it scales well
    ​

  4. Try different pages to ensure it appears consistently
    ​

  5. Ask for opinions! Fresh eyes help
    ​

Where else to use your logo

If you've created a custom logo, use it on:
- Your save-the-dates
- Invitations
- Wedding programs
- Thank you cards
- Signage at your venue
- Social media
​

Consistency across all materials looks super professional!
​

Hiring a designer

Want a professional logo?
​

Fiverr or Etsy: Affordable custom designs ($20-100)
​

Local designers: Higher end, more personalized
​

Friends: Maybe someone you know has design skills!
​

Or DIY it in Canva if you're feeling creative!
​

A custom header logo adds a polished, branded look to your wedding website. It's not necessary, but it's a nice touch!
​

Related articles

Did this answer your question?