social media widget icons stay on bottom of page when scrolling

  • drderekwallin · Member ·

    I need help with being able to meet my social media widget always visual at the bottom of the page when scrolling up and down. And I want it to be centered to my website…right now it is on the left side, Thank you!

    The blog I need help with is: (visible only to logged in users)

  • thesacredpath · Member ·

    We can do that, but because of the varying colors of your page as you scroll up and down, in some places they will not be visible against the background color. 

    #wpcom_social_media_icons_widget-3 {
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 40px;
    left: 0;
}

    You can also try the following, which adds a slightly transparent white background to that div. 

    #wpcom_social_media_icons_widget-3 {
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 40px;
    background-color: rgba(255, 255, 255, 0.7);
    left: 0;
}

    The issue is that at about 990px in width and narrower screens/windows, the social icons are going to obscure the footer credits when someone scrolls to the very bottom of your site and that is going to be a bit difficult to overcome. I’m not seeing a clean way of doing that at the moment.

  • drderekwallin · Member ·

    looks great! Thank you!

  • thesacredpath · Member ·

    You are welcome.

  • The topic ‘social media widget icons stay on bottom of page when scrolling’ is closed to new replies.