Header Image Distorted on Mobile
Rate this topic: 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
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
-
- 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:
Remember to enable "CSS override" in template settings - advanced section.
- Code: Select all
.gk-animation.displayed .gka-bg {
background-size: auto 100%;
}
Remember to enable "CSS override" in template settings - advanced section.
-
- Moderator
2 posts
• Page 1 of 1