I'm trying to experiment with making Sticky footer Ads without Close "X" and it's very simple and easy to implement on a blog or wordpress. To see an example, you can visit here. Hopefully useful and good luck :)
Happy coding!
<style>
.Bianity-ads {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 70px;
max-height: 90px; /* www.bianity.me*/
padding: 5px 0;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
display: flex;
align-items: center;
justify-content: center;
background-color: #161616;
z-index: 20;
}
.Bianity-ads .Bianity-ads-content {
overflow: hidden;
display: block;
position: relative;
text-align:center;
height: 70px;
width: 100%;
margin-right: 10px;
margin-left: 10px;
}
</style>
<div class='Bianity-ads' id='Bianity-ads'>
<div class='Bianity-ads-simple' onclick='document.getElementById("Bianity-ads").style.display="none"'>
</div>
<div class='Bianity-ads-content'>
Here Your Code Ads
</div>
</div>
Top comments (0)