android view logo

Hi Guys,
the logo on android mobile view is cut off on the left side. How to change position of logo?
cheers martin.
see: uni.agentur-texte.de

Hi,
there are over 500 (or even more) devices which uses android OS.
What screen size you mean: in smartphone (3.6",4.2", 4.6"), small tablet (6"), tablet (9",10") ??

because you are using CSS logo which is perfect solution in this case, default code is:

Code: Select all

#gkLogo.cssLogo {
    background: url("../images/logo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 75px;
    width: 274px;
}

So You have to use smaller logo image with smaller value for H & W for smaller devices:
1) using graphic tool reduce logo width to 170px
2) save as a new image with this name " logo-small.png "
3) upload to this same folder where is original logo.png file
4) use this code (where? check my footer):

Code: Select all

@media only screen and (max-width: 480px) {
#gkLogo.cssLogo { background: url("../images/logo-small.png") !important; height: 55px;width: 170px; }
}

Thanx Oscar.
One more prob:
On my samsung galaxy s4 mobilie view the H1 tag is too small. See f. i. http://uni.agentur-texte.de/leistungen- ... eiben.html
I changed mobile.css on line 415 (font-size to 20px) but even in firebug the change is not shown. I also would like to solve this prob with an overwrite and not with changing mobile.css because after update the template this file may be changed.

cheers

So you can mix to things
1) @media only screen and (max-width: 480px) { }
2) !important "rule" at the end.

into override.css - it may help.

--
p.s.
second, if you note somewhere about changes in mobile.css - you will remember even after update. Just create Custom HTML module with note and publish in back-end on dashboard - I always do this simple trick.