WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Header / How to add the retina logos version correctly

How to add the retina logos version correctly

9732 views 3

For speed reasons, It’s very important to upload also Retina Logos. WpResidence theme is ready for screens and retina devices and the retina script will automatically detect and load retina images. Logos have just to exist.

Before reading this help file you may want to check this video. It explains how to upload add logos and their retina version and may be easier to understand. Watch Video on Youtube

For the RETINA logos version first must create all retina versions for all regular logo options from theme.

To create retina versions of it must duplicate the image and rename it by adding _2x  at the end of the original name of the file.  And because the retina devices have evolved you must create logo versions also with _3x even _4x.

How you name the retina image is very important. It must be named the exact same as the regular logo image, though with _2x, _3x, _4x added at the end of the name.

Add the logo in Theme Options > General > Logos & Favicon  (name example logo.png).

Add retina version in Media. Make sure the retina logo has _2x, _3x, _4x at the end. (if the original name is logo, then retina should be logo_2x. It is important the 2 images are uploaded in the same month.

Header

Related Articles

  • Confirm Account via Email
  • WPResidence Studio – Mega Menu Template
  • WPResidence Studio – Header & Footer Custom Templates
  • How to set Theme header and Media header (video tutorials and articles)
MLSImportWordPress IDX Plugin for MLS ListingsImport MLS listings into your WordPress website, customize your property pages, and keep your inventory updated.Start free 30-day trial →

Help Categories

  • 111 Installation & Changelog
  • 19Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 14Footer
  • 38Header
  • 2IDX & MLSImport
  • 23Maps & Location Settings
  • 50Multilingual Websites – WPEstate Translate (Included)
  • 21Pages & Page Templates
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 38Property Single Page
  • 32Search & Filtering
  • 170Technical how to | Custom Code
  • 9Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 6Theme Translation & Localization
  • 28Third Party Plugins Compatible
  • 16WPBakery Shortcodes
  • 51WPResidence / WPEstate CRM
  • 9WPResidence Elementor Studio
  • 39WPResidence Elementor Widgets
  • 79WPResidence FAQ

Join Us On

Powered by WP Estate - All Rights Reserved
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API