Hi
Just take a look at this http://www.wpdiv.com/test-post/ post about the exact issue what i experienced here and still fighting with it to resolve the same for the past 8 days.
1. Test this post http://www.wpdiv.com/test-post/ in 1024 x 768 screen resolution in Firefox and Google Chrome.
Content top & bottom advert looks fine in google chrome, but in not in firefox. Here is exact result what i got in my end.
http://oi61.tinypic.com/15qvz0o.jpg
When i clarify this issue via email support, the reply is not convincing.
For the both Content Top and Content Bottom ads i have used similar kind of custom HTML advert content as posted below.
Content Top ad
————–
<a href="#" target="_blank" rel="nofollow"><img src="http://www.wpdiv.com/wp-content/uploads/2014/12/700_90_single_top.gif" border="0" width="700" height="90" alt="Download Now!" /></a>
Content bottom ad
—————–
<a href="#" target="_blank" rel="nofollow"><img src="http://www.wpdiv.com/wp-content/uploads/2014/12/700_90_single_bottom.gif" border="0" width="700" height="90" alt="Download Now!" /></a>
In theme settings panel i had set Auto for all display types.
But content Top ad had issues when i viewing it via firefox, but content bottom ad looks great. Both looks great in google chrome
Note : I have made some customizations in /includes/modules/module_modifier/td_module_blog.php via child theme have inserted acf fields between content Top advert and post content and i have attached the customized version of td_module_blog.php with this thread.
Here is the customizations what i made in td_module_blog.php http://pastebin.com/9g2N70zN
After made the above customizations You may see the live action of ACF fields between content top advert and post content http://www.wpdiv.com/download-newspaper-v4-blog-magazine-wordpress-theme/
Will you please help me to resolve this issue?
Hi,
Those size setting (auto…etc) only work for adsense, you use custom banners so they don’t do anything.
You can see on our demo that the top ad has more stages depending on the screen size – http://screencast.com/t/yecNfe0t – http://screencast.com/t/QQZ99gpJ – on mobile is disabled.
If you use only one (non-responsive) banner you have to create custom css to make it fit properly on all screensizes, ex:
@media (min-width: 768px) and (max-width: 1018px){
article .td-a-rec-id-content_top,article .td-a-rec-id-content_bottom {
width: 460px !important;
}
}
@media (max-width: 767px){
article .td-a-rec-id-content_top,article .td-a-rec-id-content_bottom {
width: 100% !important;
}
}
Thank you, Emil G.
Hi
Then how it works well in google chrome without any issues?
Hi,
Each browser may interpret certain parameters differently, if you disable max-width you can see the same behavior on chrome – http://screencast.com/t/Mgy3QHGj9Fl
If you disable the float on the following element – http://screencast.com/t/eybNZV8bjHCS it will display properly – http://screencast.com/t/jfGSzdaqUF9 , then you have to check if that element is displayed properly on all browsers.
So basically you have to take all browsers, test your banner and if necessary fix it via css. The alternative would be to use our system which is tested and works on all browsers.
Thank you, Emil G.
The alternative would be to use our system which is tested and works on all browsers.
What does it means?
