Two column mobile version

Site URL: http://copper-bullfrog-28wb.squarespace.com

Hello, does anybody know how can I make my mobile version in two columns? Is this even possible? Thank you so much in advance.

Hi. What is access password?

2 hours ago, tuanphan said:

Hi. What is access password?

here  🙂.   EspenWebsite2022

2 hours ago, HandegardArkitektur said:

here  🙂.   EspenWebsite2022

Do this for Footer or?

4 minutes ago, tuanphan said:

Do this for Footer or?

for the whole site? is it possible?

6 hours ago, HandegardArkitektur said:

for the whole site? is it possible?

Whole site or whole page (homepage, header, footer)?

On 6/22/2022 at 4:54 PM, tuanphan said:

Whole site or whole page (homepage, header, footer)?

For the whole site! I'd like for example the "all projects" show in two columns in phone version so it's more dynamic. As well as the "about" and "blog". Is it possible to do it only in those?

Thank you Tuanphan!

14 hours ago, HandegardArkitektur said:

For the whole site! I'd like for example the "all projects" show in two columns in phone version so it's more dynamic. As well as the "about" and "blog". Is it possible to do it only in those?

 

Thank you Tuanphan!

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.sqs-col-12 .sqs-col-4 {
    width: 33.3333% !important;
    float: left !important;
}
.sqs-col-12 .sqs-col-1 {
    width: 8.3333% !important;
        float: left !important;
}
.sqs-col-12 .sqs-col-2 {
    width: 16.6667% !important;
        float: left !important;
}
.sqs-col-12 .sqs-col-5 {
    width: 41.6667% !important;
        float: left !important;
}
.sqs-col-5 .sqs-col-3 {
    width: 60% !important;
    float: left !important;
}
.sqs-col-5 .sqs-col-2 {
    width: 40% !important;
    float: left !important;  
}
.sqs-col-10 .sqs-col-5 {
    width: 50% !important;
    float: left !important; 
}
.sqs-col-12 .sqs-col-3 {
    width: 25% !important;
    float: left !important; 
}
}