How do I change a sticky to show behind a modal?

Managing a CMP modal and a sticky

If you are using a Consent Management Platform (CMP) and must show the CMP modal in front of a sticky unit you have two options:

1. Send the CMP provider to Sulvo support using "open a ticket". Some CMP providers Sulvo can add as a permanent exception, which will allow the CMP modal to show in front of a sticky. No further changes are needed once we add the CMP provider as an exception. Please expect a 2 business day turnaround for these changes.

2. Manually change a sticky ad unit's layer to show behind a modal. Please see instructions for this below.

Manually changing a sticky ad unit's layer to show behind a modal.

Some publishers may need to change a sticky unit's layer to show behind a modal. For example, if a publisher has a CMP acceptance modal that needs to be accepted prior to showing an ad unit. This is possible by adding a short snippet of code to change the sticky unit to show behind the modal.

Publishers can accomplish this by placing the attribute "data-placement" with the value "top" on the tag containing the content they want to show on top. It can be placed before or after the sticky tag, Sulvo will take care of the rest. Here is an example of the code:

&lt;body&gt;
 &lt;div data-ad="mydomain.com_sticky_ad_unit" data-devices="m:1,t:1,d:1" class="demand-supply"&gt;&lt;/div&gt;
 &lt;div data-placement="top"&gt;
  &lt;div&gt;Title&lt;/div&gt;
  &lt;div&gt;This message will be on top of the sticky&lt;/div&gt;
 &lt;/div&gt;
&lt;/body&gt;

Recommendations and additional information:

We recommend only using this for alerts and modals only, something that is going to be outside of the normal flow of the rest of the page. In those cases, it will work as expected.
Only one of these should be set on each page, if there are more than one they will be shown one over the other.
We set the CSS position as fixed (if the publisher hasn’t set it already) with respect to the browser window for these elements.
Publishers can place this anywhere on the page, but we recommend placing it as direct children of the body tag to make it clear that the element isn’t part of the normal flow of the page.