logo doesn't resize well on mobile and tablet

Responsive Joomla events template to create conference, festival and other big-name event website.
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
Mon Jul 21, 2014 9:07 am
Reply with quote
Report this post
Hey

When i look on my mobile device, my logo (logo.png) doesn't resize like it should be on horizontal size and ther is a lot of space between.

When i look on tablet it's the same. But when i hold it horizontally, i don't see the tablet version

www.be-ablecommunication.be/polderscross
User avatar
Fresh Boarder

GK User
Mon Jul 21, 2014 10:57 am
Reply with quote
Report this post
Please add this code to tablet.css and mobile.css files in root/templates/gk_template_name/css directory :
Code: Select all
#gkLogo.cssLogo { width: 100% !important; max-width: 100%!important; min-height: 200px!important }


This should resolve your issue.
User avatar
Platinum Boarder

GK User
Mon Jul 21, 2014 11:26 am
Reply with quote
Report this post
THX

But when i hold my tablet (ipad) horizontaly i don't see the tabletversion and when i hold the tablet vertically , then i see the tablet version. What makes the difference?
User avatar
Fresh Boarder

GK User
Mon Jul 21, 2014 12:30 pm
Reply with quote
Report this post
You screen resolution makes the difference :) I suspect that you don't have rectangular tablet so the width is different in horizontal and vertical mode. You can adjust value when the tablet mode is loaded in template features in first tab (Tablet width value)
User avatar
Platinum Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.