[Support request] Footer logo

Home Forums Support [Support request] Footer logo

Home Forums Support Footer logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1619693
    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!

    #1619920
    David
    Staff
    Customer Support

    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.

    #1620133
    Test

    Thanks!

    #1620225
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.