Margin in logo (problems with big or small logo)

[pequeno]

If you upload a big logo, the result is:

If you upload a small logo the result is.

How to fix it?

Thanks.

[Meddysong]

Change the values in

#ipsLayout_header header {
    padding: 15px 0px 50px;
}

The first one alters the space at the top. The third one will create some extra room at the bottom, so increasing the value will be useful for you if you're using your smaller logo.

[pequeno]

Hello, Meddysong,

If I put this in custom.css the results is:

[Meddysong]

Hmm ... that shouldn't be the case at all. Is there a link to your site?

[pequeno]

Hello, I test in invisionboard demo version:

I send you access data by PM

 

[Meddysong]

It's the numbers you're using with that change, in particular the last one. 50px is too small for your site (but perfect for mine, which is where I pasted it from). 150px is the default setting and seems to be perfect for your site, so remove that new code from custom.css.

What you could do instead is change a value to push the navbar (ie "create" etc) down a little bit.

#elUserNav {
    top: 18px;
}

seems to be the best value to position your menu at the halfway point vertically. (The default value is 10px.)

[pequeno]

1 hour ago, Meddysong said:

It's the numbers you're using with that change, in particular the last one. 50px is too small for your site (but perfect for mine, which is where I pasted it from). 150px is the default setting and seems to be perfect for your site, so remove that new code from custom.css.

What you could do instead is change a value to push the navbar (ie "create" etc) down a little bit.

#elUserNav {
    top: 18px;
}

seems to be the best value to position your menu at the halfway point vertically. (The default value is 10px.)

 

[Meddysong]

That's because you've switched from the big logo to the small! Decide which logo you're going to use and then adjust the CSS to accommodate it. If you swap from one to the other, of course the changes aren't going to be valid afterwards.

[pequeno]

Right, many thanks!

[steve00]

could try using in custom.css:

#elUserNav {
  top: auto;
  bottom: 0;
}

 

[pequeno]

Thanks, good solution too.