Jump to content

Margin in logo (problems with big or small logo)

Featured Replies

Posted

If you upload a big logo, the result is:

big1.png

big2.png

If you upload a small logo the result is.

small1.png

small2.png

How to fix it?

Thanks.

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.

  • Author

Hello, Meddysong,

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

logo_margin1.png

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

  • Author

Hello, I test in invisionboard demo version:

I send you access data by PM

 

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.)

  • Author
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.)

small3.png

 

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.

  • Author

Right, many thanks!

could try using in custom.css:

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

 

  • Author

Thanks, good solution too.

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.