DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Footer Ad Sticky No Close (x)
Bianity
Bianity

Posted on

Footer Ad Sticky No Close (x)

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.net*/
    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>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.