How to make Google Adsense Responsive?

Depends on how your theme is coded…you’ll probably have to know CSS and HTML (and possibly how WP is coded) to change that.

I know a little of css and html.

If someone can guide me, i probably can fix it.
What do i need to do, to make it responsive please can someone help?

Depends on the theme and how it’s coded…you’ll have to look at the CSS for where the ads are positioned – and change that to be responsive to smaller browser widths. That’s often done using media queries –

https://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

https://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html

You might also want to ask this on a CSS forum such as:

https://csscreator.com

Those links are too difficult for me to carry out WPyogi.

Can anybody please explain simple, how to change this code to responsive?

<script type="text/javascript"><!--
google_ad_client = "ca-pub-.............
/* Sneap Home pagina */
google_ad_slot = "...........";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Please, Thank You!

try checking the google adsense forums – afaik, there is yet generally no ‘responsive adsense’ easily available – this is not limited to WordPress sites.

web search might give you some more insights: ‘responsive adsense’

I’ve tried helping others with AdSense resizing problems before, and the problem is that the ads get output inside an iFrame. When you pick a particular ad format, you pick a specific size, and the iFrame code comes with the width & height attributes set. While you can override the size attributes for the iFrame by adding width & height CSS properties, you can’t touch the contents of the iFrame with CSS, since it reflects the contents of another site, so resizing the iFrame, e.g., making it smaller for a narrower view port, will generally cut off parts of the ad.

This problem is more apparent in AdSense ads which have a wide, horizontal format which are intended to fit in the main content area of a page, rather than the vertical, tall thin ads which are intended to fit inside a sidebar. So if you do have the wider ads, I would consider switching to the vertical ones and putting them in a sidebar, or in a narrow widget area of the footer.

Thanks all for your help!

I solved it because in the block of adsense there’s the option to choose responsive.

I looked over it!

After i choosed that, you receive a responsive code.
Then it will work!

Thanks all!

I have actually written an article on this topic. I found that when I copied and pasted the responsive code in my WordPress website that Google provided it simply didn’t work.

I use the Genesis theme and after a bit of digging online I figured out a way that worked for me.

If you are interested you’ll find the article here:
https://www.netchimp.co.uk/webdesign/wordpress/add-google-adsense-responsive-ads-wordpress/

Hopefully someone will find these instructions useful. I know I would have loved some simple steps like these myself!