Social Icons alignment not right on Mobile Phones

I have a website http://www.ro****nt.ca which has social icons in the footer. I see that the Instagram icon wraps into second line. I can't seem to figure it. Can someone please suggest how to fix it.

Thank you

  • jnkfrancis

    Hi Jospeh,

    I´d be happy to help you make sure that your social icons all fit a single line. That can be accomplished with a couple lines of CSS added to your Appearance > Custom CSS

    CSS:
    /* This is to tighten up the container and be able to move it from side to side if we need to */
    #social_icons {
        display: table;
        margin: 0 auto;
        float: none;
    }
    /* Adjust the width of the containers of the individual icons so all of them fit on one line */
    #social_icons .vc_col-xs-2 {
        width: 14.666667%;
    }

    I went ahead and added them to your Custom CSS and you can easily modify them or delete them if you want to revert the design back to the way it was.

    I that is what you are looking for.

    Have a great day!

    Jeremy

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.