merakiconceptstudio Posted May 10, 2021 Share Posted May 10, 2021 Site URL: https://pend.squarespace.com/projects/leith-edinburgh Password: test My text blocks are stacking at the moment, but I'd like to put the info side by side. Client/Type/Status first followed by the other text box. Link to comment
Solution Beyondspace Posted May 10, 2021 Solution Share Posted May 10, 2021 35 minutes ago, merakiconceptstudio said: Site URL: https://pend.squarespace.com/projects/leith-edinburgh Password: test My text blocks are stacking at the moment, but I'd like to put the info side by side. Client/Type/Status first followed by the other text box. try @media only screen and (max-width: 768px) { #block-2ebef731bc471410f011 + .row .col { width: auto !important; float: left !important; } } merakiconceptstudio 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 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
merakiconceptstudio Posted May 10, 2021 Author Share Posted May 10, 2021 5 minutes ago, bangank36 said: try @media only screen and (max-width: 768px) { #block-2ebef731bc471410f011 + .row .col { width: auto !important; float: left !important; } } Thank you! This is awesome. 🙂 Beyondspace 1 Link to comment
Gabrmol Posted August 26, 2021 Share Posted August 26, 2021 Hi, I have a similar problem on the mobile version of my contact us page but couldn't get this code to work. I wanted the opening days, times and the address to line up so that they correspond on mobile like they do on desktop. https://banjo-aqua-pr5l.squarespace.com/contact Pw: Tempsite2021 Link to comment
tuanphan Posted August 27, 2021 Share Posted August 27, 2021 21 hours ago, Gabrmol said: Hi, I have a similar problem on the mobile version of my contact us page but couldn't get this code to work. I wanted the opening days, times and the address to line up so that they correspond on mobile like they do on desktop. https://banjo-aqua-pr5l.squarespace.com/contact Pw: Tempsite2021 Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-612733437611685bae1ab3b1 .span-7>.row>.col:nth-child(n+2) { width: 50% !important; float: left !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Gabrmol Posted August 27, 2021 Share Posted August 27, 2021 18 hours ago, tuanphan said: Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-612733437611685bae1ab3b1 .span-7>.row>.col:nth-child(n+2) { width: 50% !important; float: left !important; } } thank you so much! Link to comment
Gabrmol Posted September 7, 2021 Share Posted September 7, 2021 (edited) thank you so much - I'm just wondering if you can help with something else - on the desktop version of the website there is a book now button in the header however it isn't in the header of the mobile version - I've hidden it from the overlay menu as I didn't want it on there but can't find any code to move it to the header. I contacted Squarespace support but they have told me that it will need to be done with custom code which they can't supply me with Edited September 7, 2021 by Gabrmol Link to comment
tuanphan Posted September 8, 2021 Share Posted September 8, 2021 On 9/7/2021 at 4:17 PM, Gabrmol said: thank you so much - I'm just wondering if you can help with something else - on the desktop version of the website there is a book now button in the header however it isn't in the header of the mobile version - I've hidden it from the overlay menu as I didn't want it on there but can't find any code to move it to the header. I contacted Squarespace support but they have told me that it will need to be done with custom code which they can't supply me with Hi, What plan do/will you use? I think we can use some jQuery code to achieve this Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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