Footer logo

Hi there,

you have this CSS:

@media (min-width: 1025px) {
    .footer-widgets .footer-widget-1 {
        flex-basis: 15%;
        padding-right: 80px;
    }

    .footer-widgets .footer-widget-2 {
        flex-basis: 20%;
    }

    .footer-widgets .footer-widget-3 {
        flex-basis: 30%;
    }

    .footer-widgets .footer-widget-4 {
        flex-basis: 35%;
    }
}

The first rule is setting the first footer widget to 15% with 80px padding, which is why the image is so small. Adjusting those percentages and removing/reducing the padding will increase the size of the image.

Then you can use add this CSS to limit the size of the logo if you need to:

.footer-widget-1 .widget img {
    max-width: 200px !important;
}

This will stop it from filling the footer width on mobile devices.

Thanks!

You're welcome