Image Logo Details – Pixelwars

Posted in : Read WP
labnoon
Participant
25 March 2014 at 20:54
#13188

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
Participant
25 March 2014 at 20:59
#13189

I forgot one!

4. how can I eliminate the margin on top of the image logo?
ahmetsali
Keymaster
26 March 2014 at 23:12
#13225
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
Participant
27 March 2014 at 10:29
#13245

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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Read WP - Minimalist WordPress Blog Theme

by pixelwars