Responsive Slider Size Out Of Proportion

Discussion in 'Squirrel WordPress Theme' started by kossuk, Jan 29, 2013.

  1. kossuk

    kossuk Guest

    Joined:
    Jan 25, 2013
    Messages:
    42
    Likes Received:
    4
    I thought I was seeing things a bit odd but I checked this a few times on Squirrel and others, as well as going back to the demos at InkThemes... The sliders do not resize proportionately correct.

    Original image in the slider: 580 x 325
    Resized when view on iPhone 4: 293 x 230
    Proportionately it should be 293 x 164 if constraining proportions correctly.

    There is something in the theme code that is wrong else this would not happen.

    I tested on iPhone, Android and here:
    http://www.responsinator.com/?url=http://inkthemes.com/wpthemes/squirrel-pets/

    I look forward to a fix as I am waiting to use the themes.

    Thanks

    Martin
     
  2. kossuk

    kossuk Guest

    Joined:
    Jan 25, 2013
    Messages:
    42
    Likes Received:
    4
  3. kossuk

    kossuk Guest

    Joined:
    Jan 25, 2013
    Messages:
    42
    Likes Received:
    4
    Hello? Anyone know a fix for this? I'd be happy to add a snippet of CSS if someone on the development team could advice what the fix is...
    As it is an issue with all themes I've tested (images not resizing proportionately) I'd guess it's something that, once figured out, would fix all of them.

    Cheers.
    Martin
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    @media only screen and (max-width: 480px){
    .slides_container div.slide img, .slides_container div.slide iframe {
    width: 293px;
    height: 164px;
    }
    #example {
    height: 164px;}}
    It will resolve this issue.
     

Share This Page