Logo resize for mobile, problem

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
Sat Oct 03, 2015 9:46 am
Reply with quote
Report this post
Hello.
Forgive me for my English, I'm from Russia.
I increased the logo, now on mobile devices gets abroad (iphone5s) body. Please help cope with the problem. The site fit-nsk.ru
With all respect, Andrew.
User avatar
Fresh Boarder

teitbite
Sun Oct 04, 2015 8:34 pm
Reply with quote
Report this post
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.
User avatar
Moderator

GK User
Mon Oct 05, 2015 11:02 am
Reply with quote
Report this post
Hi!
My website, www.fit-nsk.ru.
User avatar
Fresh Boarder

teitbite
Mon Oct 05, 2015 5:06 pm
Reply with quote
Report this post
Hi

Please add this code to override.css

Code: Select all
@media only screen and (max-width:1065px) {
#gkLogo img {
    margin: -20px 0 0;
    width: 200px;
}
}
User avatar
Moderator

GK User
Tue Oct 06, 2015 9:21 am
Reply with quote
Report this post
Thank you so much!
You are probably,override.css possible template.css?
It turns out in the photo. Already well but not what I will understand margin not working
User avatar
Fresh Boarder

teitbite
Thu Oct 08, 2015 11:23 am
Reply with quote
Report this post
Hi

Yes, margin got overwritten. Try more strict rule than:

Code: Select all
@media only screen and (max-width:1065px) {
#gkLogo img {
    margin: -20px 0 0 !important;
    width: 200px;
}
}
User avatar
Moderator

GK User
Fri Oct 09, 2015 4:55 am
Reply with quote
Report this post
Thank you very much for your help :)
User avatar
Fresh Boarder


cron