Header Image Distorted on Mobile

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Sep 24, 2013 1:23 am
Reply with quote
Report this post
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
User avatar
Expert Boarder

GK User
Tue Sep 24, 2013 6:33 am
Reply with quote
Report this post
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.
User avatar
Moderator


cron