Change the Size of the Footer Logo in the Mobile version

[zingtz]

Dear Sir/Madam

I posted the question on the size of the logo in the footer days ago, however, I did not find the answer to change the size of the LOGO in the mobile version , i therefore kindly ask the help of a few line of the CSS code to adjust the size of Logo in the mobile version. Thank you!

Can you help me with this footer?

[zingtz]

Dear Sir/Madam

I mean the logo here as the attachment shows, I am using the agent theme.

Besides, in the mobile version, the Contact, Quicklinks and Legal parts, can you make them in to one row, so that it will not take so much place? Anyway, the most important thing is to adjust the logo.

[jade]

Hi Tianze,

Please add this code in X > Theme Options > CSS:

@media (max-width: 979px) {

    .x-colophon.top .x-container {
        display: flex;
    }

    
}

@media (max-width: 480px) {
    
    .x-colophon.top .x-container {
        display: block;
    }

    .x-colophon.top .x-container .x-column:first-child {
        width: 100%;
    }

    .x-colophon.top .x-container .x-column:first-child img {
        max-width: 140px;
    }

    .x-colophon.top .x-container .x-column:not(:first-child) {
        width: 33.3333%;
        float: left;
    }

}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.