Image Resize issue

Hello. I'm trying how to figure out how to resize an image when it's displayed on an iphone. The logo doesn't resize small enough and doesn't look as good as it should.

How do I get the image to resize better? Any help would be appreciated.

The site is: http://www.harvestwebsitedesign.com/the ... s-temp.org (temporary server of course until I get the site finished).

Thanks for any help provided.

Joe

Please edit: /templates/gk_news2/css/override.css and add at its end:

Code: Select all

@media  (max-width: 580px) {
  #gkLogo {   
    width: 100%;
  }
  #gkLogo img {   
    max-width: 100%;
  }
}


Remember to enable "CSS override" in template settings - advanced section.