Fixing Adsense Injecting 'height: auto! important' - Solution In blogger Platform

Fixing Adsense Injecting 'height: auto! important' - Solution In blogger

If you're using Google AdSense on your Blogger blog and see ads injected with "high: auto ! important" in the style attribute, you can add a simple CSS rule to your blog template.

This is how you can do it:

1. Go to your Blogger control panel's "Theme" section and click "Edit HTML."
2. Look at the following code:
<style type='text/css'> .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: 0 !important; border: none !important; background: none !important; -moz-box-shadow: 0px 0px 0px transparent !important; -webkit-box-shadow: 0px 0px 0px transparent !important; box-shadow: 0px 0px 0px transparent !important; } </style>
3. Add the following code just below the existing code:
@media screen and (max-width: 768px) { ins.adsbygoogle { height: auto !important; } }
4. Save the template and voila!

This CSS rule will only apply to screens with a maximum width of 768 pixels (which covers most mobile devices) and is set by AdSense to ensure that ads are responsive and fit within the available space. It will override the "height" property.

=>Please note that this solution is specific to Blogger and may not work on other platforms.