I have problems to correctly visualize my Google Adsense.
The blue arrows is: “Article top Ad” in Auto mode.
The red arrows is: “Article inline Ad” in Auto mode and it is not center.
I want the section of red arrows to look like the blue arrows, that is, centered.
Example here: https://www.screencast.com/t/BBAMh2B7R
Hi,
Looks like the ad is breaking out of line from container for some reason. Is the ad size set to auto in the theme panel for mobile? – http://prntscr.com/mszgla try setting a size for mobile, check what happens and how the ads appear then.
Thanks
Yes, all in mode Auto
Seems to happen in the homepage as well, on mobile – http://prntscr.com/mtegpj While other ads display fine – http://prntscr.com/mtegx2
What if you switch the ad codes between them, does it happen? or try and set a size in for mobile as a test to see what happens then – http://prntscr.com/mtehjm
Attached the tests with different measures.
https://www.screencast.com/t/gbmN72s0c
Custom ad 1 -> Auto (displaced to the left and breaking out of line)
Custom ad 2 -> 250 x 250 (displaced to the left)
Custom ad 3 -> 300 x 250 (displaced to the left and breaking out of line)
Quite unusual, seems some ads have a negative margin left, it comes from the ad code
– http://prntscr.com/mtwpq4
Maybe check how you created the ads, why would they have a negative margin. That may be what is causing the problem. I for one haven’t seen this before, ads coming with a negative inline margin left.
But not all of them, only the ones that are bigger for some reason, the ones that are 300×250 or auto which would usually be the same thing in this case.
I could try and center them with some CSS, the ones that are bigger, maybe it will work
.td-g-rec-id-custom_ad_1,
.td-g-rec-id-custom_ad_3 {
right: 20px!important;
}
.td-g-rec-id-custom_ad_1 .adsbygoogle,
.td-g-rec-id-custom_ad_3 .adsbygoogle {
margin-left:auto!important;
}
