I'm developing a website and need to leave a lead picker pinned to the top, along with the top menu, to the bottom of the button (as shown in the image).
.lp-menu{
min-height: 70px;
background-image: url('http://unifacex.com.br/wp-content/uploads/2017/08/menun-fixo.png');
position: fixed;
width: 100%;
}
.box-menu-lead{
float: right !important;
}
tr > td > div.cata-lead{
float: right !important;
}
.cata-lead{
background-color: black;
width: 340px;
height: 540px;
position: absolute;
}
.box-btn-menu{
margin: 12px 0px 12px 0px;
float: right !important;
}
img.btn-menu{
margin: 0;
padding: 0;
float: left;
}
img.btn-menu:hover{
box-shadow: 6px 6px 10px rgba(0,0,0,0.8);
}
.banner{
background-image: url('http://unifacex.com.br/wp-content/uploads/2017/08/banner.png');
width: 100%;
height: 650px;
background-repeat: no-repeat;
background-position: center;
}
div.logo > a > img{
height: 84px;
}
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="lp-menu">
<div class="container">
<div class="pull-left">
<div class="logo">
<a href="http://unifacex.com.br"><img src="http://unifacex.com.br/wp-content/uploads/2017/08/logo.png"></a></div></div><divclass="box-btn-menu">
<img class="btn-menu" src="http://unifacex.com.br/wp-content/uploads/2017/08/img-btn.png"/><imgclass="btn-menu" src="http://unifacex.com.br/wp-content/uploads/2017/08/img-btn.png"/><imgclass="btn-menu" src="http://unifacex.com.br/wp-content/uploads/2017/08/btn-email.png"/><divclass="cata-lead pull-right"></div>
</div>
</div>
</div>
</body>
</html>