Make mobile footer appear same as desktop

Site URL: http://talenttactics.co.uk

I would like the desktop footer to appear exactly the same on mobile, currently it is coming up like this on mobile:

instead of as is on desktop:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5f0f16b6e24170753c6e5291>.row:nth-child(2)>span-4 {
    width: 30% !important;
    float: left !important;
}
div#page-section-5f0f16b6e24170753c6e5291>.row:nth-child(2)>span-4 {
    width: 70% !important;
    float: left !important;
}
div#page-section-5f0f16b6e24170753c6e5291>.row:nth-child(2)>.span-8>.row>.col {
    float: left !important;
    width: 50% !important;
}
}

17 hours ago, Shaman said:

I would like some help with this as well. Footers are very long in mobile view.
 

Can you share link to your site?

21 hours ago, Shaman said:

link: https://lobster-spinach-cjdw.squarespace.com/

pass: forumhelp

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5f11c9fd1d4a411e80ab1e90 .span-12>.row>.col:nth-child(-n+3) {
    width: 30% !important;
    float: left !important;
}
}

hi, thanks for the suggestion, this didn't work though, has just changed the formatting a bit 

On 7/20/2020 at 11:38 PM, penelopew said:

hi, thanks for the suggestion, this didn't work though, has just changed the formatting a bit 

Can you insert the code & I will check again?