Scaling branding logo

Technical Support
1

Hi,

Can someone advise how to scale the logo size as shown below? I see it is large in demo website (also shown below) but could not figure out how to scale in my local setup. My branding.json is:

{
  "title": "Community Health Toolkit",
  "resources": {
    "logo": "logo.png",
    "favicon": "favicon.ico"
  }
}

And logo.png is 66 KB with dimensions 900 × 338 pixels.

local development
local development2872×852 143 KB

Demo website
Demo website2858×462 80.5 KB

2

The branding guide in CHT docs recommends to use a logo with a ratio of about 3.5:1.

Please try this logo downloaded from demo which is 290x70 pixels (4.14:1 ratio):
logo

The text is not visible in the above image because both the text and background are white.

@niraj I guess your logo has more empty space on the top and bottom because the ratio is less at 2.66 (900x338 pixels).

3

thanks @binod it seems something issue with the image I am using. I tried with image you attached above and worked fine.

1 Like