patricehorvath Posted February 15, 2023 Share Posted February 15, 2023 Code block with triple seat contact form code is not resizing on mobile even with css added. appears ok in a browser, but not on mobile devices or squarespace mobile preview. https://www.skoposcatering.com/contact added this css: /* resize code block mobile */ @media screen and (max-width:760px) { #block-yui_3_17_2_1_1675451210488_9165 { width: 100% !important; } } Link to comment
Solution Ziggy Posted February 15, 2023 Solution Share Posted February 15, 2023 This support article has some suggestions that may help you fix this: https://support.tripleseat.com/hc/en-us/articles/4411311978391-Common-CSS-Updates-to-the-Embedded-Lead-Form patricehorvath 1 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
patricehorvath Posted February 16, 2023 Author Share Posted February 16, 2023 @Ziggy thank you!! using the code suggestion under "Mobile-Friendly Layout" worked! Ziggy 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment