cosmeticsmag Posted January 29 Posted January 29 Hello, I have embedded an ISSUU flipbook onto my website using the following code: <iframe style="border:none;width:500px;height:700px;" src="https://e.issuu.com/embed.html?d=cosmetics_mag_winter_2023&hideIssuuLogo=true&showOtherPublicationsAsSuggestions=true&u=cosmetics3"></iframe> All looks well on the desktop view, but the flipbook is not responsive for mobile on the site. In the mobile view, the flipbook does not adjust in size at all and is cut off on the right-hand side of the screen. Squarespace claims they cannot help with this issue. I'm using the Rally design template and Version 7.0. Please let me know if you have any suggestions to fix this issue. Thank you!
Ziggy Posted January 29 Posted January 29 The problem is that you have a width set to an absolute value of 500px: If you set a maximum width it should help: <iframe style="border:none; width:500px; max-width:100%; height:700px; max-height:108vw;" src="https://e.issuu.com/embed.html?d=cosmetics_mag_winter_2023&hideIssuuLogo=true&showOtherPublicationsAsSuggestions=true&u=cosmetics3"></iframe> 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?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment