• Resolved lofesa

    (@lofesa)


    Hi Robin
    I will make a sugestion for the plugin:

    Create a media query to resize the buttons when in mobile, some like:

    @media(max-width:768px){.scriptlesssocialsharing__icon{display:inline-block;fill:currentColor;font-size:32px;height:.5em;width:.5em}}

    And a question:
    How I can move the buttons to the bottom of the screen when in mobile?

    Thx in advance

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    Thank you for the suggestion! I’ve intentionally not included mobile styling, except to remove the visual labels (if that setting is selected), to try to keep the plugin styles as neutral as possible, so that users can override fairly easily. If you want specific mobile styling, I recommend adding it to your theme, or to the Additional CSS panel in the Customizer.

    For your other question, you could add some CSS like this, possibly, within the media query you have above:

    
    .scriptlesssocialsharing {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        width: 100%;
        top: auto;
        margin: 0;
    }
    

    It may still need to be adjusted beyond that, but may be a good starting point. Hope that helps.

    Thread Starter lofesa

    (@lofesa)

    Hi
    Sorry for come here too late.
    Thx you for pointing to the rigth way, I have managed to show it as a bottom bar with this code:

    @media (max-width: 768px)
    .scriptlesssocialsharing__buttons {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        flex-shrink: 0;
        bottom: 0;
        position: fixed;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sugestions’ is closed to new replies.