[Support request] Footer logo

[Test]

Hello,

Although the image I’m using for the footer is quite a big size, it seems on a desktop so little but on the phone, it looks big.

https://test.deepware.ai/en/

Thanks!

[David]

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.

[Test]

Thanks!

[David]

You’re welcome

[Author]

Posts