Home Forums Teddy WordPress Theme Retina Display on Social Sharing Icons — Issue and Fix.

This topic contains 1 reply, has 2 voices, and was last updated by  BWSM 4 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #286

    George Stephanis
    Participant

    Hey folks,

    Your social icons, while cool, break horribly in Retina Displays:

    Fear not! It’s an easy fix!

    
    #socialicons>a,
    #socialicons>a span.da-animate {
        background-size: 36px 72px;
    } 
    

    easily solves the issue!

    #287

    BWSM
    Keymaster

    HI

    Thanks for mention 🙂

    We have put the code in css/retina.css:

    a.social_active{ background-repeat:no-repeat;
    -webkit-background-size: 36px 72px;
    -moz-background-size: 36px 72px;
    -o-background-size: 36px 72px;
    -ms-background-size: 36px 72px;
    background-size: 36px 72px; }
    a.social_active span{ background-position: 0 -30px; background-repeat:no-repeat;
    -webkit-background-size: 36px 72px;
    -moz-background-size: 36px 72px;
    -o-background-size: 36px 72px;
    -ms-background-size: 36px 72px;
    background-size: 36px 72px; }

    It seems not work for your device. I want to know why. Could you please tell me what device your screenshot?

    Thanks again.

    Best.Bwsm

    • This reply was modified 4 years ago by  BWSM.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.