PEARLS4TeenGirls Posted October 8 Posted October 8 Site URL: https://www.pearlsforteengirls.com/our-mission Hello! Rebranding our website and changing header photos. How would I go about making the mobile background shrink so the whole image is visible? The image size is 1366 x 650. Attached a photo of the web header vs the mobile header.
Ziggy Posted October 8 Posted October 8 1 hour ago, PEARLS4TeenGirls said: Rebranding our website and changing header photos. How would I go about making the mobile background shrink so the whole image is visible? Ideally you would have a taller image. The background image is fitting top-to-bottom on mobile, but with a vertical crop this gives you a very tight crop, if your image was taller it would keep more of the width. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
PEARLS4TeenGirls Posted October 9 Author Posted October 9 17 hours ago, Ziggy said: Ideally you would have a taller image. The background image is fitting top-to-bottom on mobile, but with a vertical crop this gives you a very tight crop, if your image was taller it would keep more of the width. That would be insanely tall on the desktop version. I want the entire image visible so wondering if there's coding that would lock in those constraints.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment