TheLimited88 Posted April 18 Posted April 18 (edited) I'm having issues with displaying the App Store and Google Play badges. I understand there is a padding issue on the Google Play badge. I can't get a solution from the squarespace help or open source. Issues When vertically stacked the google play badge is smaller Objective: I want to make both badges the same size When displayed in mobile view the badges are magnified Objective: I want the badges to display at a smaller size than current. It looks way oversized. It seems a well trod path but can't a solution. An assistance welcomed. Edited April 18 by TheLimited88
Ziggy Posted April 19 Posted April 19 Can you share your website URL? Have you got the two images cropped to the same size? 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?
TheLimited88 Posted April 23 Author Posted April 23 Hi. Its www.aegis-247.com/ylore I've cropped to the same them using Canva. I've been looking around trying to find pre-cropped badges I can drag/drop. No joy. Appreciate the assistance .🙌
Ziggy Posted April 23 Posted April 23 5 minutes ago, TheLimited88 said: I've cropped to the same them using Canva. They're cropped to a completely different aspect ratio, that's why they appear different. They are inherently different size/aspect which I'm sure isn't helping you! 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?
TheLimited88 Posted May 2 Author Posted May 2 (edited) That answer doesn't help me. Your telling me something I know. What would have been helpful was a solution or code to apply. So back to open source. Edited May 2 by TheLimited88
mrmitchellsharp Posted June 22 Posted June 22 On 4/19/2024 at 12:35 AM, TheLimited88 said: I'm having issues with displaying the App Store and Google Play badges. I understand there is a padding issue on the Google Play badge. I can't get a solution from the squarespace help or open source. Issues When vertically stacked the google play badge is smaller Objective: I want to make both badges the same size When displayed in mobile view the badges are magnified Objective: I want the badges to display at a smaller size than current. It looks way oversized. It seems a well trod path but can't a solution. An assistance welcomed. Hi, I’ve run into similar issues with displaying badges on my site. One way to make both the App Store and Google Play badges the same size is to set a fixed width and height for both badges using CSS. For example: css Copy code .badge { width: 150px; /* Adjust the width as needed */ height: auto; } @media (max-width: 600px) { .badge { width: 100px; /* Adjust the width for mobile view */ } } You can apply this class to both badges to ensure they are consistently sized. For the mobile view, using media queries like in the example above should help you adjust the sizes appropriately. Hope this helps! Best, Mr Mitchell
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment