Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1157208

    Hi,

    I’ve read several different forums. And tried all the custom CSS I could find. But my logo image continues to get stretched out across the width that i’ve applied instead having the logo image proportionally filling the width according to the png file size. The logo size is 340×156. I went into the Header and changed the custom header size height to 156 px. I added this code to my Additional CSS:
    .logo img {
    height: 156px ;
    width: 340px;
    }
    And the image is still getting stretched out.

    When I go to inspect the image it has a 150×150 size. But I have checked AdobeIllustrator and my canvas size is 340×156. Why is the image getting converted to the thumbnail size after upload?

    What should I try next?

    • This topic was modified 5 years, 1 month ago by cocoABC. Reason: providing more information to the problem
    #1157218

    okay, so i just fixed this initial issue.

    But, now i’m having an issue when my header shrinks while scrolling. Instead of scaling proportionally, it gets flattened to fit within the shrunken constraints and distorts the logo. How do I make sure that it gets scaled down without distortion?

    #1157223

    LOL i just fixed this issue too. I changed the width in my Additional CSS to “max-width” and now it’s scaling correctly.

    Feel free to delete this thread.

    #1157245

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo in Header getting stretched’ is closed to new replies.