Hi,
Since i purchase newspaper theme about 4 months, all the while it works perfectly until yesterday i found out that all the responsive customization is not working. After some checking, i found out that the code rendered in browser is messy.http://www.screencast.com/t/2tvxrxnr
You can see that after the custom CSS, it starts to mess with some script, and the next responsive Advance CSS is not working.
Please advise
*PS: i have tried to disable all plugins except Visual Composer but the result is the same.
You may go to my side for further investigation, thanks.
Hello,
This issue could be caused by these errors from your console: http://screencast.com/t/lmPSV1nfKO
If you use a cache plugin, you also need to clear the cache after disabling plugins as your changes will not take effect until the cache is released(you also have a js error that is preventing the pagination to work). Also please provide an example of what code you are trying to add in the theme panel and how you add it so we can have an idea of the code implementation.
Thank you!
Hi,
Please see this post, it renders everything right.
http://www.moretify.com/2015/11/%E4%BD%A0%E7%9F%A5%E9%81%93%E6%9C%9D%E9%B2%9C%E5%A5%B3%E4%B8%BA%E4%BD%95%E4%BB%8E%E6%9D%A5%E4%B8%8D%E7%A9%BF%E8%A3%A4%E5%AD%90%EF%BC%81%E7%9C%9F%E7%9B%B8%E8%AE%A9%E6%88%91%E5%82%BB%E7%9C%BC/
But, other posts not. This is weird because i all the elements are added in loop-single.php, header.php and footer.php
Basically these are the code which i added. Usually i will draft in Notepad++ and move into theme panel by copy and paste.
If necessary, i will provide the admin login for you to check, thanks.
Hi,
Your css code seems to be in order but we cannot see what is not getting applied. Please be more precise as we cannot see any difference between the post you showed and the rest of the posts. Sorry.
Hi,
Opps, seems like just now it was still cached. I’ll give it another try by disabling all the plugins and suspicious js to see whether i am lucky enough to trace the root cause.
Hi,
I have tried so many ways but still the same. Is there any other method which i can apply the responsive CSS? So that i can get the correct layout before solving the problem. Thanks.
Hi,
I have moved all the code from the above reply in pastebin.
You can use the custom css box for all the css including responsive code. You can use media queries for it like so:
desktop:
@media (min-width:1140px){
your css code here
}
IPAD LANDSCAPE:
@media (min-width:1019px) and (max-width:1140px){
your css code here
}
etc. You can see the viewport range here: http://screencast.com/t/CsbHRhRkfv
Please try it like so and if the code does not apply upfront, you can use the !important declaration: https://www.smashingmagazine.com/2010/11/the-important-css-declaration-how-and-when-to-use-it/
We use a live css extension for chrome called live css editor that really helps in creating the css code and seeing it apply live.
I hope this helps.
Thank you!
Hi,
Appreciate the reply, it helps a lot.
Thanks.
Hi,
Finally i am able to find out the real cause which is due to the Email Address Obfuscation by CloudFlare.
Hi
Glad you managed to solve it. If other cludlfare settings make trouble for you, we have a guide on this topic here: https://forum.tagdiv.com/cloudflare-cdn/
Thank you!
