image squishing

  • Hi there!
    I am having issues with my images on my blog at https://www.natotuke.com/blog
    On any small screen(iPad, iPhone..etc) and even when you make your browser smaller or more narrow… the images get all distorted instead of maintaining its form and becoming smaller.

    This has been driving me crazy and I need some step by step help with this.. since I am not experienced with editing the stylesheet.

    Please, help someone!
    Thank you!

    Nato

Viewing 4 replies - 1 through 4 (of 4 total)
  • popper

    (@julialasarte)

    Hi!

    Open up your style.css and in this rule (around line fifty):

    div.entry-content img{max-width:99%;}

    add height:auto to make sure the images scale correctly:

    div.entry-content img{max-width:99%;height:auto;}

    Thread Starter natotuke

    (@natotuke)

    thank you so much popper!! that was easy and worked!!:D

    popper

    (@julialasarte)

    you’re welcome :).

    Credit where it is due, natotuke, your fix helped me out of a problem with a site I’ve built which was being rendered correctly, in its mobile theme, on all devices except Apple. So I set a Safari-specific rule using your scaling solution above, and it worked. So, thank you.

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