How to position ads responsively

[phenomlab]

@Sala that’s odd - it works when targeting your site.

[Sala]

@phenomlab the above CSS code is still inserted while am searching for other options. Or Maybe it’s my mobile phone? Have you tested on your mobile if it’s working?

[phenomlab]

@Sala Try replacing with

@media (max-width: 767px) {
	#google-center-div img {
		width: 370px !important;
		margin-left: -420px !important;
		height: auto !important;
	}
}

[Sala]

@phenomlab it’s replaced, should I turn off wp rocket?

[phenomlab]

@Sala Don’t turn it off, but do clear the cache.

[Sala]

@phenomlab Their widths still pass out the div.

My actual ad code:
<div><center>Advertisement<script async=“” src=“https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xx” crossorigin=“anonymous”></script><!-- example_responsive_1 -->
<ins class=“adsbygoogle” style=“display: inline-block; text-align:center; width: 100%; height: 280px;” data-ad-client=“ca-pub-xx” data-ad-slot=“xx” data-ad-format=“auto” data-full-width-responsive=“true”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center></div>

[phenomlab]

@Sala Then you have to use responsive ads as I posted previously. Did you review those links?

[Sala]

@phenomlab Sir it has worked after I changed @media @phone {

Wah!

[phenomlab]

@Sala ok, fine, but I’d still recommend you go down the responsive ads route. The CSS code will probably cause issues with other images as they are loaded within the Google ads code

[Sala]

@phenomlab yes that’s the problem with these J’s, I will try my best , If I find something better I will share. Thanks