Header Image Distorted on Mobile

HI

http://al-forno.com.au

I'm really loving this template for this job, but having one small issue I can't seem to solve.

When I display the site on mobile responsive the aspect ratio of the graphic (I've used the same map.png details) oven distorts (too high/ too narrow). Is is possible to change the css to ensure to original dimensions are kept?

Cheers

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

Code: Select all

.gk-animation.displayed .gka-bg {
background-size: auto 100%;
}


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