Entertainment

How to add bottom responsive sticky ads on mobile? Jankari News


By using the provided code, you can easily get Responsive Bottom Sticky Ads in the footer of mobile and PC. It’s very easy to do. The complete process is given in the video. Watch the full video and complete this task easily.

Add responsive bottom sticker ads on mobile

Sticky ads code at the bottom

<div class="sticky-ads" id='sticky-ads'>
<div class="sticky-ads-close" onclick='document.getElementById("sticky-ads").style.display="none"'><svg viewbox='0 0 512 512' xmlns="http://www.w3.org/2000/svg"><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
<div class="sticky-ads-content">

<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
         data-full-width-responsive="true"
     data-ad-client="ca-pub-****************"
     data-ad-slot="**********"></ins><script>
     
</script>
</div></div>
<style>
.sticky-ads{ position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; max-height: 200px; 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: #fefefe; z-index: 20; }.sticky-ads-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0 0; position: absolute; right: 0; top: -30px; background-color: #fefefe; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); } .sticky-ads .sticky-ads-close svg { width: 22px; height: 22px; fill: #000; } .sticky-ads .sticky-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px;</style>
Previous postWho is Partha Chatterjee? Biography, Wife, Age, Net Worth, Wiki, Height, Income, Family
Next postWho is Arpita Mukherjee? Biography, Age, Net worth, Wiki, Height, Income, Family, Boyfriend

Related Articles

Leave a Reply

Your email address will not be published.

Back to top button