Controlling your website logo's height

[Tristan Brotherton]

Often we have customers wanting to further customize their logo on their websites. I thought I’d write a quick post here showing some adjustments we can make with CSS.

This customer has quite a tall logo:

Lets adjust it to be a little less tall.

To do that, we can use this CSS rule.

<style type="text/css">
body .logo-wrapper a.navbar-brand.image img {
    max-height: 85px;
}
</style>

Note: we could change that height number to anything we wanted…

Then we can insert this code as explained in this post!

Result:

[Ann D Liptak]

This post is deleted!

[Ann D Liptak]

This post is deleted!

[Tristan Brotherton]

Oh yes, forgot about that one, thank you @Ann-D-Liptak