White background for top logo?

[Pekkizz]

http://new.reslink.fi/

How can I get a plain white background behind the logo on top?

How about the problem here, please narrow the browser to very small on vertical dimensions, like this:

http://www.catchline.fi/support/logo-dropped.jpg

The logo has plenty of room to be on the header area, but it is dropped down and looks bad. How to work around this? I would love to have the logo to be as big as it is now but not to let it drop down on these small browser responsive versions..

Now the logo is as “small” as can be as png, see here:
http://new.reslink.fi/wp-content/uploads/2013/12/logo02.png
No extra margins!

Then in options of theme there is 15 pix margin. If I put less, it looks very stupid on larger resolution.

So here is the conflict: On small screen logo drops down, on large screen logo has too little margins around it.

On demo site:
https://www.livemeshthemes.com/themes/?theme=Appdev
there is no such a conflict, and logo is about the same size & measures. So there must be some trick!

Please help me dear support.

Pekka

[Nexus]

You can change the header color in “Background for Header Area” in the “Theme Options > Backgrounds”.

For the logo issue, Please put the following code into custom css of theme options

@media only screen and (max-width: 767px) {
  #site-logo { 
    top: -5px; 
  }
}

[Pekkizz]

OK cool!

Thanks

[Author]

Posts