Two Column footer

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

Hello! How could I add two columns on the footer of the phone version so the Instagram icon appears next to the links, instead of below?

Thank you so much in advance!

Have you tried editing it in mobile first? On the edit page click the mobile icon, otherwise, this is a higher skilled topic, but, if you’re interested this MDN article  is a quick overview to the syntax and that should get you started.  

Hi. What is password?

EspenWebsite2022

Thank you!

On 5/9/2022 at 4:20 PM, HandegardArkitektur said:

EspenWebsite2022

 

Thank you!

The password incorrect

On 5/11/2022 at 11:11 AM, tuanphan said:

The password incorrect

here 🙂EspenWebsite2022

16 hours ago, HandegardArkitektur said:

here 🙂EspenWebsite2022

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-626bb433ecca1510b5b2ba33 .span-12>.row {
    display: flex;
    align-items: flex-end;
}
}

2 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-626bb433ecca1510b5b2ba33 .span-12>.row {
    display: flex;
    align-items: flex-end;
}
}

 

Thank you Tuanphan! Do you know by any chance how to move the icon to the right corner? See attached:

2 hours ago, HandegardArkitektur said:

Thank you Tuanphan! Do you know by any chance how to move the icon to the right corner? See attached:

Use this new code

@media screen and (max-width:767px) {
div#page-section-626bb433ecca1510b5b2ba33 .span-12>.row {
    display: flex;
    align-items: flex-end;
}
div#page-section-626bb433ecca1510b5b2ba33 .span-9 {
    width: 70% !important;
}
}

5 minutes ago, tuanphan said:

Use this new code

@media screen and (max-width:767px) {
div#page-section-626bb433ecca1510b5b2ba33 .span-12>.row {
    display: flex;
    align-items: flex-end;
}
div#page-section-626bb433ecca1510b5b2ba33 .span-9 {
    width: 70% !important;
}
}

 

amazing! Thank you so much