Reply To: Add retina display resolution to the logo

[Tom]

Hi there,

Your best bet is to use an SVG file for the logo – this makes it scalable and retina ready.

Otherwise, you would have to create your logo twice the size of the actual size, and use CSS to resize it down to the actual size (squishing more pixels into the same area).

To allow SVG upload in the theme, you would need to use this function:

function generate_mime_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
}
add_filter('upload_mimes', 'generate_mime_types');

Hope this helps 🙂