How to Add a Background Photo Without Cropping Issues
Using Canva as a 1-Page Presentation
Shuvo
Last Update a day ago
Overview
A better approach is to use a single-image Canva presentation and embed it into the Video section. This creates a full-screen, responsive “banner photo” that looks great on desktop and mobile.
Example Use Case
- You want to place a personal photo as a hero/banner image
- Your background image looks fine on desktop but gets cropped badly on mobile
- You want a clean, responsive image that auto-adjusts on all screen sizes
What do you need?
- Computer
- Canva account (free or paid)
- Your image (headshot, banner, cover photo, etc.)
- Access to your Kaydoh Account
What to do?
Read – Step by Step
Read – Step by Step
Step 1
Open Canva and create a new design (any cover/banner style is fine).
Step 2
Upload your image into Canva and position it exactly how you want it to appear.
Upload your image into Canva and position it exactly how you want it to appear.
Step 3
Click Share in Canva and select Embed.
Click Share in Canva and select Embed.
Step 4
Copy the Embed link provided by Canva.
Copy the Embed link provided by Canva.
⚠️ Use the Embed link, not the Share link.
Make sure you click Embed in Canva — not the general Share link. Pasting the regular share link may redirect visitors to Canva instead of displaying the image on your Kaydoh page.
Step 5
Log in to your Kaydoh dashboard and edit the page where you want the image.
Log in to your Kaydoh dashboard and edit the page where you want the image.
Step 6
Go to the section where you normally add a Video Message / Video. Paste the Canva embed link into the video field (instead of a video). Click Add.
Go to the section where you normally add a Video Message / Video. Paste the Canva embed link into the video field (instead of a video). Click Add.
Step 7
Save and publish the page.
Save and publish the page.
Last Step: DONE
Your Canva “presentation” will display like a responsive full-screen image. Since it’s a single slide, visitors won’t be able to click through additional pages—so it behaves like a static banner.
Your Canva “presentation” will display like a responsive full-screen image. Since it’s a single slide, visitors won’t be able to click through additional pages—so it behaves like a static banner.
Why This Works (Best Practice)
Using a single-slide Canva presentation:
FAQ
Background images can auto-crop on mobile and may cut off key parts of the photo. Using a single-slide Canva embed gives you full control over positioning across all devices.
Is this a real video?
No. It's a Canva presentation embed used as a single-photo banner. It looks like a video player but displays your static image.
Can visitors click to another slide?
No, as long as you use only one slide.
Does this work on mobile?
Yes. This method is designed to be responsive and looks clean across devices.
Using a single-slide Canva presentation:
- ✅ Prevents awkward background cropping on mobile
- ✅ Keeps the image responsive across devices
- ✅ Creates a clean, modern banner look
- ✅ Ensures the person/photo stays positioned correctly
FAQ
Background images can auto-crop on mobile and may cut off key parts of the photo. Using a single-slide Canva embed gives you full control over positioning across all devices.
Is this a real video?
No. It's a Canva presentation embed used as a single-photo banner. It looks like a video player but displays your static image.
Can visitors click to another slide?
No, as long as you use only one slide.
Does this work on mobile?
Yes. This method is designed to be responsive and looks clean across devices.
Internal Tags:
- Background photo
- Cover photo
- Mobile cropping
- Responsive banner
- Canva embed
- Static image workaround
- Add photo to video section