Theme conflicting with Adsense?

I noticed today when using the Theme Options (including the header and footer builders) that the content area goes blank. In a split second I can see the content load, but then the entire area is covered with a white box, and then I cannot edit the page area at all.

I turned off all plugins and child theme, but the problem persisted. I eventually worked the problem down to the Adsense code (in a Custom HTML box) in my sidebar. Removing it allowed the builders to continue working as normal. This ad box was never a problem until today, and it’s the only Adsense block that’s causing the issue.

I’m not a professional but I’m guessing there is some sort of JS conflict…way above my expertise. I could just disable the Ad while I need to work on the site, but that doesn’t seem reasonable or intended.

Any ideas on how to address this? I’m guessing a call to the ol’ Google team isn’t gonna be much help.

Hey @chrisgx,

It was probably a Javascript conflict issue that was causing the issue as you mentioned.

Would you mind providing us with the information on what adsense code you are trying to add? Also, please please provide us with the admin access to your site in a Secure Note:

The ad causing the problem is a “Display” ad set to “Responsive.” It is the third Custom HTML widget under “Main Sidebar”

EDIT
I have deactivated the content block, it is in the “Inactive Widgets” area.

Hello @chrisgx,

I do not have issues viewing your Theme Options.

Meanwhile, are you referring to this custom html?

<div id="followbox">
	<div class="followbox-container">
		<div class="followbox-social button">
			<a class="followbox-button" href="https://facebook.com/filmobsession/" rel="nofollow" target="_blank">
				<i class="fab fa-facebook-f"></i><br /><span class="followbox-text">Like on Facebook</span>
			</a>
		</div>
		<div class="followbox-social button">
			<a class="followbox-button" href="https://twitter.com/filmobsess/" rel="nofollow" target="_blank">
				<i class="fab fa-twitter"></i><br /><span class="followbox-text">Follow on Twitter</span>
			</a>
		</div>
		<div class="followbox-social button">
			<a class="followbox-button" href="https://instagram/filmobsession/" rel="nofollow" target="_blank">
				<i class="fab fa-instagram"></i><br /><span class="followbox-text">View on Instagram</span>
			</a>
		</div>
		<div class="followbox-social button">
			<a class="followbox-button" href="https://youtube.com/" rel="nofollow" target="_blank">
				<i class="fab fa-youtube"></i><br /><span class="followbox-text">Watch on YouTube</span>
			</a>
		</div>
	</div>
</div>

Please make sure that your custom css is valid, correct and responsive enough to display your custom html.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Best Regards.

No, I updated the previous post to say I removed the Custom HTML Block that was holding the Adsense code, and put it in the Inactive widget area. The problem persists if you put the Adsense code back into the active blocks.

Since you didn’t see that…I’ll put the HTML block back onto the live widgets and leave it there until you can guys can get back in and take a look.

Of course, now it seems to be working normally. So I’m not sure what that was all about.

Glad things sorted out on your end now, It could be a caching related.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.