Making logo responsive

I use a reasonably sized logo and that is not going to look good on small screens.
Is it possible to make it responsive logo so that it adapts to the width of the screen, in particular, to Smart Phones.

Could you please post an url to your site?

http://brokelman.nl/geloof/index.php
It is a large site with K2 which I will upgrade from Joomla 1.5 to 3.4 and then specify a new layout.

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

Code: Select all

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


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

Thanks, it works great.

If you have any additional questions regarding this topic, please let me know.