When using the Magazine theme, I can scroll to the right and I can see the Adsense ad unit, like this
But, when using Lifestyle, the ad just cuts off.
Is there anything I can add to the Lifestyle style sheet, so that it displays the whole ad when someone scrolls to the right?
Extra info: This happens in the content area, not the sidebar
Could it be this part? But I changed hidden to visible, and it didn’t work. Or could it be the “auto” in margin?
box-shadow: 0 0 5px #ddd;
margin: 32px auto;
margin: 3.2rem auto;
I noticed the Magazine theme doesn’t have a site container at all.
It is due to overflow hidden, which may be applied to some other elements as well. You’ll have to remove all instances of it that are affecting you ad, and do some testing to make sure it isn’t messing up your layout in any other areas.
Thank you so much for replying. Unfortunately, I’ve tried it and it doesn’t work for me. But I will try again, should I use auto or visible?
Ok, “visible” works for mobile. But then the whole screen moves right and left on desktop
You need to take that code and apply it to mobile size in the media queries/mobile responsive CSS. Do not modify it at the top of the CSS. That’s why that is happening.
Thank you so much! It’s working now!
The topic ‘Lifestyle responsive cuts off Adsense ad’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?