Hola! ¡Tenemos nuestra Comunidad en Español!

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

Regular Contributor

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: Barra Social Lateral 1.jpeg

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:Barra Social Lateral 2.jpegWhat 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.

 

 

 

Reply
0 Upvotes
1 Reply 1
Highlighted
Community Manager

Hey @Janette,

 

Is this the same question as you had over here.

 

Thanks,
Jenny


Did my post help answer your query? Help the Community by marking it as a solution
Reply
0 Upvotes