pro Posted December 16, 2021 Share Posted December 16, 2021 Site URL: https://steven.squarespace.com/test On desktop, both text blocks are in the same row. How do I achieve the same on mobile? Thanks. Beyondspace 1 Link to comment
Solution Beyondspace Posted December 16, 2021 Solution Share Posted December 16, 2021 (edited) Try @media only screen and (max-width: 767px) { section[data-section-id="61baa2f6f5042d76c407d558"] .span-6 { width: 50% !important; float: left !important; } } Let me know how it works on your site Support me by pressing 👍 if this useful for you Edited December 16, 2021 by bangank36 tuanphan and pro 2 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
pro Posted December 16, 2021 Author Share Posted December 16, 2021 2 hours ago, bangank36 said: Try @media only screen and (max-width: 767px) { section[data-section-id="61baa2f6f5042d76c407d558"] .span-6 { width: 50% !important; float: left !important; } } Let me know how it works on your site Support me by pressing 👍 if this useful for you Perfect! Thank you so much! Beyondspace 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