THEMEZIER blog

A very common complaint with Weebly is a blurry logo -- most notable on mobile devices -- even when a high resolution file is uploaded. But distort not, as this tutorial will show you how to fix a blurry logo.

Step 1. Upload Logo File

At the top, go to "Theme", and on the bottom-left, click on "Edit HTML/CSS". On the left, under "ASSETS", click on the little gear icon to the right of the "Images" folder and select "Upload File(s)...". Locate your logo file and upload it.

Note: For the best logo resolution possible, make sure your logo file is in a ".png" format and is at least 1000 pixels wide.

Step 2: Add HTML Code

On the left, under "HEADER TYPE", select the first header type. On the right, locate the white "{logo}" mustache code. Delete it and replace it with the HTML code below: