[need help] Fix logo size

[Anonymous]

Hi, i’m currently using Best Commerce Theme. The logo was working normally with a good size, but when I changed it to another logo several times, the logo started to be distorted. I tried to change back to the original logo but this still happended with any size of logo I put in. Attached is the current code. I compare to the template code and it is the same…I don’t know why the logo cannot work as previous…Can you please help?
Here is the website link: https://vnvoice.net/

Here is the current code:
.site-branding {
float: left;
font-size: 36px;
font-weight: 500;
line-height: 0.8;
margin-bottom: 0;
margin-right: 30px;
}

.custom-logo-link {
float: left;
max-width: 300px;
margin-right: 15px;
}

.custom-logo-link img {
vertical-align: top;
border-radius: 0;
}
.site-title {
float: left;
line-height: 1;
margin-bottom: 10px;
font-weight: 700;
font-size: 25px;
font-family: Roboto;
}

.site-description {
font-size: 15px;
font-style: inherit;
font-weight: 400;
clear: both;
margin-bottom: 0;
color: #999;
}

Thank you very much.

[Axle Support]

Hi @letoan,

We can see there is following CSS on your site

.custom-logo-link img {
    vertical-align: top;
    max-width: 50px;
    max-height: auto;
    border-radius: 0;
}

Please changemax-width: 50px; to something higher value as per your requirement and remove max-height: auto;

You are using cache plugin. Please make sure you purge cache after making any change to CSS.

[Author]

Posts