Adding Logos, Logo Sizing & Settings

There is no specific size or even a universally recommended logo size for your site, simply because each logo is unique and can be quite different in terms of placement requirements. In the following article we will recommend some guidelines for uploading logos, and in the video show you how to upload your logo and any logo settings.

Logo Sizes and Options

1. Make sure your logo is uploaded as a .PNG image with a transparent background. Do not use any .PSD .AI or any other original design files.

2. Max width 500px – keep the max width under 500px.

3. Make sure your logo is easy to read


4. Make sure your logo does not push other menu items out of place

5. Make sure your logo is not pixilated.

Normally this happens if your logo is not the right size when uploading.

6. Make sure your logo does not exceed 150 KB in file size.

Keep your logos file size as small as possible. If exporting at max width 500px it should be under 150kb. Use tinypng.com to optimize it further.

Adjusting Logo Width

You can adjust the Logo width on Desktop and Tablet devices in one of 2 places:

  1. Flotheme > Header > Desktop Header Options
  2. Flotheme > Header > Logo Options

Find the Logo Maximum Width and Logo Width for Tablet, move the slider to adjust the size.

Also, be sure to check out our detailed tutorial explaining all the logo options including Logo sizing, Logo font and color adjustments, changing logo color over slideshow images, etc.

Video - Adding Logo and Settings

* NOTE the video is recorded using the Kyoto theme. follow the same process for other themes.