Sticky ads between paragraphs

Posted in: Newspaper
Post count: 108

Earth.com use sticky ads between paragraphs (within the content), see example.

I recreate something similar with Ad Inserter Pro but Newspaper’s css is preventing the ads being sticky. According to the plugin developer the theme sets the overflow CSS property which prevents sticky position: overflow: hidden, overflow: scroll or overflow: auto on the parent of a position: sticky element.

In the documentation with working demo of the sticky ad between paragraphs (the purple block if you scroll down) the author of the plugin mention: “Please note that sticky feature as described here depends on the styles used by the theme. If it sets overflow CSS propery on some parent element or otherwise prevents sticky position then sticky feature will not work.”

So is there a workaround this theme can work with Ad Inserter Pro?

Please advice.

Thank you.

Post count: 108

I want to add that the plugin developer was able to fix this with the following css code with my previous theme:

<style>
#mvp-site, #mvp-site-wall {
overflow: unset;
}

@media screen and (max-width: 479px) {
#mvp-content-body-top {
overflow: unset;
}
}
</style>

Post count: 108

The plugin developer looked into it and came with the following temp. solution:

<style>
#td-outer-wrap {
overflow: unset;
}
</style>

Awaiting your response.

Post count: 21065

Hello @heathcliff !

Unfortunately, we cannot provide support for untested plugins.
You can use the code provided by them.

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.