How to Set Up a Mobile-Friendly Image on Your Church.tech Page
If you're trying to set up an image on your page and it’s not displaying properly on mobile devices, this guide will help you make it responsive and visually appealing. Follow these steps to ensure your image looks great on all devices:
🎥 Watch this 2 minute video or for a step by step use the article below.
1. Adjust Image Dimensions for Mobile
Click on the image you want to adjust.
Set the height to
auto. This will allow the image to scale dynamically.Set the width to
100%. This ensures the image will cover the full width of the mobile screen without being stretched or cut off.Save the changes.
2. Refresh and Review
After saving, refresh your screen to check how the image displays. The image should now fit perfectly within the screen size, providing a smooth user experience without needing to scroll left or right.
3. Optional: Adjust Image Size
If you'd like the image to be smaller, you can go back and set the width to
75%instead. This will reduce the image size while maintaining responsiveness.Save and refresh to see the new size. You’ll notice the image is smaller but still proportionate to the screen.
4. Personal Preference
For most users, the
100%width is preferred as it offers a clean, centered look. However, feel free to experiment with different sizes to suit your design needs.
5. Sharing Your Page
If you want to share your page with others, go to File and click on Copy Page URL.
You can now share this link with anyone, whether it’s through email, on social media, or with your church community.
We hope this helps! If you have any further questions about setting up images or sharing your pages, feel free to reach out.
Need more help? Contact our support team at Church.tech anytime!