[labnoon]

hello guys!

I’m designing my site’s header and I have a couple of questions.

1. is it possible to use a different image as logo on mobile devices?

2. can I change the size of the margins at the sides? or can I eliminate them? or it isn’t a wise thing because it may look bad on screen with different sizes

3. considering that there are margins, what is the maximum height I should use for the image? Ideally I would like my image to be very long, as long as the too lines beneath and above the navigation menu.  in general I need some info about the image size.

Thanks a lot.

[labnoon]

I forgot one!

4. how can I eliminate the margin on top of the image logo?

[ahmetsali]

Hi,

1-) please check the post below;

http://www.pixelwars.org/forums/topic/using-different-header-logos-for-mobiles/

2-) try this custom css code;

.site-header.wrapper > .row {
    width: 100%;
}

3-) image logo is limited to 200px height but you can change this with custom css code;

h1.site-title img { max-height:200px; }

4-) try this custom css code;

.site-header {
    padding-top: 0;
}
.site-header hgroup {
    padding-top: 0;
}
h1.site-title a {
    border: none;
}

[labnoon]

Thank you very much! perfectly to the point :)
as for 1. I had already read and found it a little complicated and hoped there would be an easier way. I’m going to try and I’ll probably be back for more questions.