My Helpdesk logo looks small, how to enlarge it?1. Rules for a good Helpdesk logo2. Customize the logo height with CSS

You may have uploaded a custom image to be used as your Helpdesk logo. However, it looks too small when used on your Helpdesk. Let's find out how to make it look better.

A good Helpdesk logo should:

Be simple, and contain a single line of text

Every component of the logo should hold on the same vertical line (eg. actual logo icon and company name text)

Be much larger in width than in height

As to guarantee the visual structure of your Helpdesk, we have to put a hard constraint on your logo height. If the height was allowed to grow dynamically, some items could get wrongly aligned vertically (ie. the Helpdesk menu).

If you are unable to come up with a better logo image using Section 1 recommendations, you can still customize the logo height using CSS.

Crisp Helpdesk lets you customize the Helpdesk CSS. This lets you fine-tune the design of some Helpdesk elements, such as the header logo container.

To customize your Helpdesk CSS, you may follow those steps:

Go to: https://app.crisp.chat

Go to your settings: click on the settings icon

Click on "Helpdesk"

Click on "Customize your Help Desk"

In "Include custom HTML code", click on "Edit included HTML code"

In the modal that opens, you may paste the following HTML code, used to override the header logo height via CSS (adjust it to what looks better for you):

undefined .csh-header-main-logo img { height: 40px !important; }

Updated on: 13/06/2022

Updated on: 19/07/2024

Was this article helpful?

Thank you!