Retina Logo

  • Posted in : Read WP
  • wondertracker
    Participant

    Hi,

    I looked on the forum and found some answer regarding the way to have the logo size for retina display…

    knowing that I want my logo 600px width on desktop display, I uploaded a 1200px logo and I put this in my custom css,

    .site-title img { max-width: 600px; }
    @media screen and (max-width: 479px) {
    	.site-title img { max-width: 70%; }
    }
    

    It works almost well :-) but I think something is wrong because on the iPhone in landscape mode it doesn’t fit…

    Thank you for your help.

    Best

    ahmetsali
    Keymaster

    Hi try this one;

    .site-title img { max-width: 600px; }
    @media screen and (max-width: 600px) {
    	.site-title img { max-width: 70%; }
    }
    
    wondertracker
    Participant

    Thank you very much…

    Works perfect !

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register