[need help] Fix logo size

This topic contains 1 reply, has 2 voices, and was last updated by  Axle Support 8 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10654

    letoan
    Participant

    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.

    #10657

    Axle Support
    Moderator

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.