Social Bar to the scroller leaves a large space between the foot of the page and the same bar.

[Janette]

Hi Everybody

I have added a social bar in my web page and the versio mobil I place this bar at the of the page: 

but whe I scroll the page in mobil this bar leaves a lasrge space between the foot of the page and the same bar, that you get at the end of the page the social bar prevents you from clicking on the send button:What may be causing this space at the time of scrolling?

This is my code for the social bar:

.social {
position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
left: -40px; /* Establecemos la barra en la izquierda */
top: 200px; /* Bajamos la barra 200px de arriba a abajo */
z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
.social ul {
list-style: none;
}
.social ul li a {
display: inline-block;
color:#fff;
background: #transparent;
padding: 10px 15px;
text-decoration: none;
-webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}

@media only screen and (max-width:768px) {

.social {
top: 510px;
z-index: 0 !important;
}

.social ul {
list-style-type: none;
text-align: center;
margin-left: 57px;
/*margin-top: 30px !important;*/
}

.social .menu-social li {
display: inline !important;
text-align: center;
-webkit-transition:all 0ms ease !important;
-o-transition:all 0ms ease !important;
transition:all 0ms ease !important;
}

}

I remain to your comments.

Thanks and Regards.

[jennysowyrda]

Hey @Janette,

Is this the same question as you had over here.

Thanks,
Jenny