slider image responsive not proportional

  • Resolved lej22

    (@lej22)


    6 years, 3 months ago

    as the screen reduces, the background image for the slides only reduces horizontally, not vertically. This is a problem because the images end up looking squished, which is a real problem with logos that must maintain their aspect ratio. Is there a way to maintain the proportional dimensions of the slider within @media. Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author WebHunt Infotech

    (@webhuntinfotech)

    Hello lej22,

    As I check your site slider and logo image are fully responsive their size reducing Horizontally and Vertically

    See screnshot

    Image and video hosting by TinyPic

    Thread Starter lej22

    (@lej22)

    the first damage is with full browser size, notice the dimensions of the “mortgage alliance” logo:

    <a href="https://tinypic.com?ref=1691287" target="_blank"><img src="https://i64.tinypic.com/1691287.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

    now, with the with for tablets, notice how the logo is compressed horizontally:

    [IMG]https://i63.tinypic.com/28i98w4.jpg[/IMG]

    Thread Starter lej22

    (@lej22)

    I’m not sure if those links worked

    Full-size: https://i64.tinypic.com/1691287.jpg

    Tablet size: https://i63.tinypic.com/28i98w4.jpg

    Theme Author WebHunt Infotech

    (@webhuntinfotech)

    Hi,

    Please put below CSS Rules into Custom CSS Editor:

    @media only screen and (max-width: 1200px) and (min-width: 992px) {

    a.custom-logo-link img {
    width: 100%;
    height: 100%;
    max-width: 991px;
    }

    }

    Save the changes.

    Let us know for further assistance.

    Thank You

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘slider image responsive not proportional’ is closed to new replies.