Simion,

1. That’s incorrect. The smart sidebar does NOT stay sticky for mobile/tablet user agents.
2. I am not using adsense.

This is the only piece of information I need:

How can I make the sidebar “td-pb-span4 td-main-sidebar” height equal to 100% of the page? Using height:100% in CSS does not work for some reason. Something to do with how the theme is coded.

Simion,

Okay, here’s the long explanation.

I am trying to make the last ad in my sidebar sticky on all devices. The current smart sidebar only works on desktop.

I have tried:
1. Using basically all of the sticky plugins
2. A couple js scripts
3. Removing the ios targeting from tagdiv js (https://forum.tagdiv.com/topic/sticky-sidebar-on-ios/)
4. Setting the sidebar to position:sticky;top:0;

I’ve had the most success with number 4 BUT it’s not yet a working solution because you need to set the height of the sidebar to the full height of the document in order for it to work correctly.

So normally, you’d just set the height of that div to 100%… but that doesn’t work with the theme for some reason.

In this example I set the sidebar container height to 100%, but you can see it doesn’t change size: https://imgur.com/a/olkRMbX

So, basically, summed up, in order for position:sticky to work, it needs the sidebar height to be the same height as the document. So I need to figure out how to dynamically have the sidebar equal the document height.

Thanks!

Awesome that works. Could you please delete this thread for me? Thank you!