WP Retina 2x
[resolved] Retina on Desktop but not iPhone (4 posts)

  1. mattfouty
    Posted 3 years ago #


    I'm just beginning to build out a new site (mattfouty.com). I'm trying to get the logo to display at retina resolution on the iPhone. When I turn on the "always serve retina images" option, I can see that the plug-in is working on the desktop. I am served a retina image, in it's standard container. When I view it on the iPhone, I am getting an image at double the size, non-retina.

    I've read your FAQs, and dug into the CSS. I found where there is a logo class in the CSS. I set the width to 125px and the height to auto. This is what seemed to fix the problem on desktop but for some reason it's not also working on iPhone.

    Do you have any suggestions?

    Thank you.


  2. Jordy Meow
    Plugin Author

    Posted 3 years ago #

    Hey Matt,

    Please try:

    #logo img {
    width: 124px !important;
    height: 162px !important;

  3. mattfouty
    Posted 3 years ago #


    Thank you for the reply. The developer of the theme I'm using recommended I use a special custom CSS section within the Theme Options as opposed to editing the style sheet and that did the trick. Thanks so much for the plug-in. It's going to make a lot of people's lives easier (and more beautiful).

  4. Jordy Meow
    Plugin Author

    Posted 3 years ago #

    Yeah, that is better if your theme has this option, because the CSS would be loaded at the end (and override the previous declarations). I'm glad it works :) Please add a little review when you have time ^^ Thank you! http://wordpress.org/support/view/plugin-reviews/wp-retina-2x

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP Retina 2x
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic