Two text blocks side by side on mobile and tablet

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. 

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;
}
}

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. 🙂

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
 

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;
}
}

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!

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 

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