Increase SVG logo file in footer on mobile

On 6/29/2021 at 8:49 PM, Bluemonque said:

Site URL: https://lseven.squarespace.com/

I've added in my web footer an svg / logo type. It works perfect on desktop but on mobile / tablet it's a little bit to big. Can anyone support me or explain me how I can decrease the logo only on mobile?

 

Thx a million!

Add to Design > Custom CSS

/* Mobile-Reduce footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1624539742957_5082 {
    width: 50%;
}
}