To upload your Logos & Favicon navigate to Theme Options > General Logos & Favicon and locate the panel below on which you have the following options:


Favicon is placed in the browser tab.

Standard Logo

It is placed on the header menu.

Your Transparent Header Logo

It is placed over the transparent header.

Mobile/Tablets Logo

Retina logo

You will need to upload a retina logo version for the Standard logo Transparent logo and Mobile logo.  Amissing logo will generate requests to database and might affect the site speed.

The steps to add retina logo are:

  • Create the retina logo
  • Rename the retina logo

The new logos must be named exactly as the regular logo image, though with _2x, _3x, _4x added at the end of the name.  If the logo uploaded in Theme options is named Logo, then the retina one will be Logo_2x

You need to add the new logo in Media, ideally, it should be added at the same time as the regular Logo added in Theme Options, so both images to be saved in the same Uploads folder.

6. Increase Logo Height

To change logo height, use this css in custom css (Theme Options – Design – Custom Colors – Custom css) or in child theme style.css –

.logo img {
max-height: 54px;

54px is the default value, you need to change it as per your wish and after add the css in the theme.

This change will affect the sticky menu logo size. If you wish to have different sizes, edit this css in Custom CSS

.customnav .logo img {
    max-height: 65px!important;

To increase header height go to General Design Settings

Tip: If you have theme cache enabled, make sure you clear cache to see instant results.