Archived topic
Adsense responsive ads and column layout
6 replies · Started by Reuben on February 20, 2016
Hi there, I have an issue with Google Adsense responsive ads and column layout in Firefox.
My website is at http://www.describee.com . When you open the website in a small browser window (to force the column to a one column mode), apart from the top post, the remaining posts don't wrap properly within the browser. In Google Chrome, everything works fine.
The column layout in Firefox works fine if the ad unit is removed, or if I choose not to use the column layout.
How do I fix this? Thanks!
Hi there,
Can you try this CSS?:
@media (max-width: 768px) {
.generate-columns {
display: block;
max-width: 100%;
}
}Thank you. I had to change max-width to 1024px though, but it works now.
Any idea what may have caused the issue?
Bug in the plugin which is fixed now.
100% is definitely the better choice - tried it using inspect element on your site and it seemed to work?
Hi Tom,
I meant max-width in the @media query from 768px to 1024px. Using the original code (768px), it seems that from 768px to the point where the column is still single, the bug still occurs.
Interesting - thanks for the heads up, I'll look into it :)
I believe I have this fixed, if you'd like to try the new version shoot me an email to support@generatepress.com.