How to Add your own logos

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

Standard Logo, Sticky Logo, Mobile Logo, transparent Logo, and favicon are modified from Theme Options – General – Logos & Favicon:

logos-and-favicon

 

Your Logo is positioned here

logo

How to increase Logo Size

By default logo size is set to a max height of 54px, to fit default header height and to work with retina script (which demands a fixed height).

To change logo height, use this css in custom css (Theme Options – Design – Custom Colors – Custom css) or in child theme style.css – http://help.wpresidence.net/article/how-to-add-custom-css/

.logo img {
max-height: 54px;
}

Change 54 to your value.

How to increase Logo Margin top

Modify the value here with your value in px

How to increase header height to match taller logos

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

Your Sticky Logo is placed here

stikcy-logo

How to increase sticky header height

To change sticky header height – add your new value in here:

Your Transparent Header Logo is placed here

transparent-logo

 

Mobile/Tablets Logo is placed here

mobile-logo

 

Your Favicon is placed here

fav

 

FOR RETINA LOGOS VERSIONS:

To add Retina logo versions for your own logos, create retina logo, add _2x at the end of name of the original file (for ex logo_2x.jpg) and upload it in the same uploads folder as the non retina logo.

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

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

logo-upload

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)

retina

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

same-month