For default design, the logo must have a maximum height of 54 px and the sticky logo must have a maximum height 65px. If you add logos with greater height, they will be automatically resized to this max height. Changing max logo height is done through custom CSS. See more below. 

From Theme Options -> General -> Logos & Favicon you add

  • Standard Logo
  • Sticky Logo
  • Mobile Logo
  • Transparent Logo
  • Favicon
  • General logo margin
  • Max Logo Height

Your Sticky Logo is placed in sticky menu



Transparent Header Logo is placed over transparent header



Mobile/Tablets Logo is placed on mobile header



Favicon is placed in browser tab



Increase Logo Size

Go to Logos & Favicon -> Maximum Height of the logo and type the number as in below screenshot.

Make 70 your desired logo height.

Clear theme cache if it’s enabled to see results ->

Change Logo height with Custom CSS

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;

Change 54 to your value.

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;

Increase header and sticky height to match taller logos

To change header height – if you wish a taller menu – go to these options.



For RETINA version create first retina logo. Add _2x at the end of name of the original file (for ex logo_2x.jpg for retina and logo.jpg for non retina). Upload the retina logo from Media – Add New. Help –

These are example steps to add the retina logo version for your custom logo.

Add the logo in theme options (name example logo.png)


Add retina version in Media. Make sure the retina logo has _2x at the end. (if original name is logo, then retina should be logo_2x)


It is important the 2 images exist in the same month folder.