On further inspection I found this code that seems to be overlaying the ad code from your plugin. Is there a way to block outside elements from affecting the ad code? I tried wrapping the codes in div. Didn’t work. This is the code causing me trouble. Tried de-activating this too. Deleting the code stopped the problem. But there must be a better way.
/** Snax plugin integration */
#snax-media-upload { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; width: 1px; height: 1px; overflow: hidden; }
.jsgif { position: relative; }
.g1-indicator-gif { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 1; left: 50%; right: auto; top: 50%; bottom: auto; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; border-width: 3px; border-style: solid; text-align: center; letter-spacing: 0; font-size: 16px; line-height: 1; font-family: “Poppins”, “Roboto”, “Arial”, sans-serif; font-weight: 600; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border-color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.666); color: #fff; }
.g1-indicator-gif:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin-top: -0.5em; content: “gif”; }
@media only screen and (min-width: 801px) { .g1-indicator-gif { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; border-width: 0; font-size: 24px; } }
.g1-indicator-gif-playing { display: none; }
/** Add some empty space before the target element. This way sticky elements won’t cover it */
#comments:target:before { display: block; height: 120px; content: “”; }
