• Resolved olgaboy

    (@olgaboy)


    Hi.
    Is there a way to use rectangle icons for desktop and square icons for mobile at the same time?
    Or use the standard interface (with rectangle icons) for desktop and the floating one (square icons) for mobile?
    Thanks in advance

    • This topic was modified 8 years, 11 months ago by olgaboy.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Heateor Support

    (@heateor)

    Hi,

    Or use the standard interface (with rectangle icons) for desktop and the floating one (square icons) for mobile?

    This is possible. Let us know the width of mobile device screen that you want to use to differentiate between desktop and mobile.

    Thread Starter olgaboy

    (@olgaboy)

    Hi.
    I like the floating interface on tablets too, so i guess 800px and lower for mobile.

    Plugin Author Heateor Support

    (@heateor)

    Add following CSS in Custom CSS option at Super Socializer > General Options page in admin area:

    @media screen and (max-width:800px){
        .the_champ_horizontal_sharing{
            display: none !important;
        }
    }
    @media screen and (min-width:800px){
        .the_champ_vertical_sharing{
            display: none !important;
        }
    }
    Thread Starter olgaboy

    (@olgaboy)

    Perfect. Thank you very much!

    Plugin Author Heateor Support

    (@heateor)

    You’re welcome.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Different Style for Desktop / Mobile’ is closed to new replies.