specify image size in mobile 7.1

Site URL: https://cod-dandelion-38r5.squarespace.com/

I wonder if someone has a workaround for this.

I have a few images in the footer that end up being HUGE when things resize themselves for mobile. 

Any easy(ish) fix?

working here:
https://cod-dandelion-38r5.squarespace.com/

password NWFC

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5f7dbf08811eb7262e33aa61 .span-12 .span-2 {
    width: 50% !important;
    float: left !important;
}
}

Fantastic! Thank you so much!!

Hi @tuanphan!

Same issue. I'm trying to use the same code on this site https://alpaca-apricots-zt9m.squarespace.com/config/ but can't seem to figure out the section number for it  🙂  Would really appreciate your help.

Also – if I make the logo-images smaller in desktop view, they get fuzzy when stacked in mobile view.

On 10/28/2020 at 9:32 PM, kajabrunvoll said:

Hi @tuanphan!

Same issue. I'm trying to use the same code on this site https://alpaca-apricots-zt9m.squarespace.com/config/ but can't seem to figure out the section number for it  🙂  Would really appreciate your help.

Also – if I make the logo-images smaller in desktop view, they get fuzzy when stacked in mobile view.

Add to Home > Design > Custom CSS

/* Footer mobile logos */
@media screen and (max-width:767px) {
div#page-section-5f97fa5ca217e17810ce6199 .span-9 .span-4>.row .span-2 {
    width: 50% !important;
    float: left !important;
}
}