Increase Logo Size on Website

All Restaurant Engine templates render your logo at a maximum height of 140 px. That means even when you uploaded a logo with a height beyond the maximum (e.g. 200 px), it will automatically get resized down to 140 px.

In most cases, a height of 140 px is enough, but on a few scenarios the logo might look too small and needs to be larger.

Important: This will only work on logos that are more than 140 px in height. This won’t have any effect on smaller logos.

1.) From the dashboard, go to Website Options > Developer.

2.) Copy the following CSS code into the Custom CSS box and replace the value as highlighted to your preferred logo height (width will automatically adjust accordingly).

#logo img {
max-height: 140px;
}

The max-height value shouldn’t exceed the logo image’s actual height. For example, if the image has a height of 200 px, setting CSS max-height to 250 px will output as though it was set to 200 px.

Before

Before

After

After

Related tutorials: