I currently have responsive adsense code in smart list 7 in the theme panel
I am trying to make sure a 728×90 can fit there because it currently only fills smaller (less wide ads)
I believe adsense responsive looks at the width of the container to fill which when I inspect element is 696, not 728 so it would be impossible for the responsive adsense unit to fill a 728×90 ad which is what I want to be able to do
When I try using a placeholder 728×90 like this in the smart list 7 ad spot:
<div class="td-visible-desktop">
</div>
<div class="td-visible-tablet-landscape">
</div>
<div class="td-visible-tablet-portrait">
</div>
It displays a 728×90 nicely because main area class=”td-pb-span8 td-main-content” seems to have a width of 744 allowing the placeholder ad to show
How can I allow google responsive to fill a 728×90 ad in that smart list 7 ad spot?
Thanks!
Hi,
I’m not sure how you managed the dimensions, but you cannot fit a 728 ad in a 696 container. Please use your browser inspector and check for the image size: http://screencast.com/t/9v2e6qkLYlt – http://screencast.com/t/vCZXCZ0ezjJ
Unfortunately adsense will provide the smaller version of the ad inside a smartlist as there is no space for the 728 ad.
Thank you!
Hi Bogdan,
So your saying that the 728×90 image http://demo.tagdiv.com/newspaper_travel/wp-content/uploads/2015/08/rec728-3.jpg is being resized to fit in a 696 wide container, right?
Is there anyway to adjust the main width of the content block to be 730 instead of 696 so that a responsive adsense unit can fill a banner thats 728×90? http://screencast.com/t/zkRkbXCt Perhaps removing 17px of padding from both sides so the container will be 730 width?
Thanks
Hello,
Unfortunately there is no easy solution for this as our site depends on a fixed width for element positioning. If you change the width, all the elements need to be adjusted to the new width. Your best bet is to implement your ad on a full size row (without sidebar) as you can see here on our demo:
http://screencast.com/t/o19kZfeMFms – back-end: http://screencast.com/t/epilMqvhe
Thanks.
Thanks for the help Bogdan, but how do I use VC to design a smart list 7 post?
Hi,
Sorry about that I forgot the problem was on a smartlist. In this case, the best thing you can do is remove the sidebar. This way the post container will have a big enough width to implement 728 ads. http://screencast.com/t/Tp2fUBhEs8H
Thank you!
Hi Bogdan,
Because I am using a specific smart list 7 ad unit, is there anyway with css to overwrite the containers padding just for that smart list 7 ad unit so that it will fit 728×90 banner? Visually for desktop views, http://screencast.com/t/iaLZOWeGn78 there does seem to be space for a 728×90 ad if the content/sidebar container padding was reduced. The 728×90 ad will protrude into the sidebar, but thats ok.
I know it can probably be done with js, just curious if theres anyway with only css
Thanks for all your help!!!
Hi,
You can use this css, but do so on your own risk :
.postid-219 .td-main-content{
padding-right: 8px!important;
padding-left: 8px!important;
}
I have not provided this solution before as we never recommend changing the site width. This causes elements to not position properly anymore. You will have top be careful with the content position now, and keep track of this modification so if something does not position properly on your smartlist, you will know the cause.
You will need the post id to apply the change only to the specific posts you want. You can get the id like so:
http://screencast.com/t/eBhucmDHY
Thank you!
If anyone else comes across this issue with responsive adsense, I was able to solve it by putting the responsive adsense in smart list 7 and then forcing the dimensions on desktop to 728×90 in the options section. The 728×90 actually showed without modifying the widths/breaking the theme standard layout
