Editing custom menu logo
Learn how to upload and customize a logo that replaces your text names in the navigation menu for a branded look.
Want to show a logo instead of your text names in the navigation menu? You can upload a custom menu logo that appears in place of your couple names. Great for branding your wedding!
What is a custom menu logo?
The custom menu logo replaces your text-based couple names in the navigation menu with an image. This appears in the menu bar at the top of your site.
Different from:
- Header logo: Appears in the main header of your homepage
- Favicon: Tiny icon in browser tabs
- Custom menu logo: Specifically for the navigation menu
Requirements
To upload a custom menu logo, you first need to enable Display names in menu:
Go to Website → Site settings → Menu tab
Find Display names in menu toggle
Turn it on
The custom menu logo option will appear below
How to upload a custom menu logo
Go to Website in your main navigation
Click on the settings icon to open Site settings
Click the Menu tab at the top
Find Display names in menu and make sure it's turned on
Below that, you'll see the Custom menu logo section
Click Upload custom menu logo (40px height)
Select your logo file from your computer
The logo uploads and appears in the preview
Click Save changes at the bottom
Your logo now appears in the navigation menu!
Logo specifications
Height: 40px is recommended (mentioned in the upload button)
Format: PNG, GIF, JPG, or SVG
Transparent background: PNG or SVG with transparency works best
Aspect ratio: Horizontal logos work better than square or vertical
File size: Keep it under 200KB for fast loading
Creating a menu logo
Design tools: Canva, Adobe Illustrator, Figma
Keep it simple: Small logos need clean, bold designs
Readable text: If your logo includes text, make sure it's legible at small sizes
High contrast: Logo should be visible against your menu background
Logo ideas
Your names and date: "Emily & Jordan | 2026"
Monogram: Your initials in an elegant design
Wedding hashtag: Your hashtag in a stylish font
Minimal symbol: Simple rings, heart, or meaningful icon
Illustrated: Custom illustration representing you two
Logo vs. text names
When you upload a custom menu logo:
Logo appears in the navigation menu
Text names are replaced by the logo image
Rest of site unchanged (logo only affects the menu)
If you want both logo and text, you'll need to include text in your logo image!
Removing the custom menu logo
To go back to text names in the menu:
Go to Site settings → Menu tab
Find the Custom menu logo section
Click Delete above the logo preview
The logo is removed
Click Save changes
Your text-based couple names will reappear in the menu!
Menu logo vs. header logo
Custom menu logo: Small logo in the navigation bar (40px height)
Custom header logo: Larger logo in the main header area (540px width)
These are different uploads! You can have:
- Both (logo in menu AND header)
- Just one (either menu or header)
- Neither (just text names)
Logo placement in menu
The logo appears where your names would normally show in the menu. Depending on your theme:
Left side: Logo on the left, menu links on the right
Center: Logo in the center, links split left and right
Right side: Menu links on the left, logo on the right
Your theme controls the exact placement!
Updating your menu logo
To change your menu logo:
Go to Site settings → Menu tab
Find Custom menu logo
Click Delete to remove the current logo
Click Upload custom menu logo (40px height) again
Select your new logo file
Click Save changes
The new logo replaces the old one!
Mobile display
Menu logos usually appear on mobile too, but might be smaller or positioned differently. Test on a phone to see how it looks!
Some themes hide the menu logo on mobile in favor of a hamburger menu icon.
Logo color considerations
Light menu backgrounds: Use a dark or colorful logo
Dark menu backgrounds: Use a light or white logo
Transparent PNGs: Let the menu background show through
Make sure your logo is visible against your menu's background color!
File formats explained
PNG: Best for logos with transparency or solid colors
SVG: Scalable vector, stays crisp at any size (best choice if you have it)
JPG: Works but doesn't support transparency (might have a background box)
GIF: Works but outdated, use PNG instead
PNG or SVG are your best options!
Testing your menu logo
After uploading:
Visit your live wedding website
Check the menu bar for your logo
Make sure it's clear and readable
Test on desktop and mobile
Verify it looks good with your menu colors
Common issues
Logo too big: Might overflow the menu bar. Resize to 40px height.
Logo not visible: Check contrast against your menu background color.
Logo pixelated: Use a higher resolution or vector (SVG) format.
White box around logo: Use PNG or SVG with transparent background.
Branding consistency
If you're using a custom menu logo, consider using the same or similar logo:
- As your header logo
- On your invitations
- On your save-the-dates
- In your stationery
Consistent branding looks professional!
When to use a menu logo
You have a wedding logo: Already designed for invitations.
You want strong branding: Logo reinforces your wedding identity.
Visual > text: You prefer images over plain text.
Custom monogram: You've designed a beautiful monogram.
When to skip it
Text works fine: Your names look great in the menu already.
Simplicity preferred: Text is cleaner and more straightforward.
No logo designed: Don't want to spend time creating one.
Theme looks better with text: Some themes are optimized for text menus.
A custom menu logo is optional but adds a polished, branded touch to your wedding website's navigation!
