Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 22, 2015 at 12:17 am #556234
    EnvatoVato

    Hi,
    I have an image above my menu that is 2000×280. I set it to custom height in the theme options and it works fine in Internet Explorer and Firefox, but in Google Chrome it’s distorted. How can I fix it?

    December 22, 2015 at 2:32 am #556262
    Elliott

    Hey EnvatoVato!

    Setting it to a custom pixel value is going to ruin the responsiveness. Try resizing your browser to see what I mean.

    I would consider leaving the width to “auto” and change the height to “min-height: 280px”.

    Cheers!
    Elliott

    December 22, 2015 at 7:45 am #556367
    EnvatoVato

    Hey Elliot,
    Thank you for your quick response. I added this code to my child theme’s style.css file:

    .logo img {
    min-height: 280px;
    width: auto;

    }

    It still didn’t fix my problem. It’s now responsive, but in Chrome the image is still squished. Any suggestions?

    December 23, 2015 at 3:30 am #556848
    Elliott

    Hey!

    Add this as well.

    #top .logo { width: 100%; }

    Regards,
    Elliott

    December 23, 2015 at 7:33 am #556908
    EnvatoVato

    Thank you!
    Worked perfectly.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Banner not resizing properly in Chrome’ is closed to new replies.