[AlejandroCid]

Good morning,

In my test site, http://www.mundoplano.com, the logo looks fantastic in desktop browsers also on iPad, but on Iphone (Iphone4 in my case) the logo is “too big”, can i change this only for mobile browsers? without have to choose a “small” font for the logo?

I hope my question was clear.

Thanks in advance.

Alex

[ahmetsali]

Hi, try the custom css code below;

@media (max-width: 480px) { 
   h1.site-title { font-size: 3em; }
}

[AlejandroCid]

Also I´d like to change space between the top of the page and the logo/title of the site to a less amount, you confirm that should be with a custom css like this?:

h1.site-title { margin-top: 0; } //where "0" maybe should be "5" or...

Thanks again.

Alex

[ahmetsali]

try this one;

.site-header hgroup { padding-top: 1em; }

[AlejandroCid]

Both answers worked for me.

Thank you!!

Alex