LOGO Size show not correct only on IPHONE, IPAD, Android Tab

Fashion and clothing responsive Joomla ecommerce template with full VirtueMart support and advanced store features.
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
Thu Sep 11, 2014 8:46 pm
Reply with quote
Report this post
Hi,

I have change the logo type to image and upload my logo.
The postion was no correct.
Then I have write the following Custom CSS code

#gkLogo img {
margin-top: -50px;
}

Now the postion is correct when i use a browser e.g. IE, Firefox, Chrome.

Question:

The Logo position and size with the ipad is not correct

Regards
Markus
User avatar
Fresh Boarder

GK User
Thu Sep 11, 2014 11:46 pm
Reply with quote
Report this post
Probably because those browsers use smaller screen ;)
so you have two options:

1) Use special fix for mobile devices (modify : mobile.css, tablet.css and small.tablet.css)
or
2) Change you margin negative value to safe value for all screens.

Remember about order of loading css files !
User avatar
Platinum Boarder


cron