Responsive logo

http://www.starsaver.co.za/testsite/

When screen is resized with mobile devices the logo remains the same.

How can I insert a logo, so when resized it uses the new and small logo instead?

I see the newer templates have this feature that detects screen resolution and switches to a mobile logo.

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

Code: Select all

#gkLogo.cssLogo {
  max-width: 100%;
  background-size: 100%;
}


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