Hi there,
I have recently updated to version 7.3 and noticed today that after updating and clearing the cache (and all browser caches) that my author and date meta info on posts is appearing disjointed. It’s very strange because I was able to get it back to normal with continued cache clearings and browser refreshes, and then it would come back without warning (both logged in and out of WordPress dashboard). I have no idea what is going on. You can see a couple examples below.
Here is what it should look like:
http://www.drbillsukala.com.au/wp-content/uploads/2016/07/Screen-Shot-2016-07-29-at-5.53.37-PM.png
And here it is when it gets disjointed:
http://www.drbillsukala.com.au/wp-content/uploads/2016/07/Screen-Shot-2016-07-29-at-5.53.23-PM.png
Note: the above happens in all smart phone browsers in Android and iPhone. I don’t think it’s a text size issue because it was working fine before the last update.
On Google Chrome it is disjointed as well.
I have checked the td-module-meta-info in the source php files from before and after the update and they are the same.
If you go to my website (same as in the link URLs) and click on some of the articles, you might get to see it live.
Would welcome any input you may have. Thank you very much for your help.
Kind regards,
B
Hello,
Sorry for the inconvenience. There seems to be a css issue in the new update on the mobile theme. Please use this css code in the mobile theme’s custom code box:
.td-post-author-name div { display:inline; }
Thank you for your understanding!
Hi Bogdan,
Thanks for your reply. Unfortunately, this did not fix the problem for me. I am not using the mobile theme. It is mainly happening on my mobile when in responsive mode (not the mobile plugin).
Also, is the code above correct? I notice there is a space between .td-post-author-name and div. Is it just supposed to be .td-post-author-name { display:inline; } ?
Thanks again for your help.
Most appreciated!
The other thing I needed to mention is that this is still happening on a laptop in normal browsers so it does not appear to be isolated to a narrow screen/responsive issue.
Thanks 🙂
Hello MESOTU,
I have checked the above code on your website and this seems to work as properly for every device. Please try to add the !important tag to give a higher priority for the code. The result you should see here -> http://screencast.com/t/qmbAOxdvClk
Hope this helps and let us know how it goes!
Thanks!
Hi Catalin,
Thanks for this. I have added this code and it appears to have resolved the desktop/laptop browser issue. But when I look at an article on my Android phone, it is still rendering broken and disjointed as before.
I added the code as follows:
.td-post-author-name div {
display:inline!important;
}
I am not using the mobile theme by choice. I just want my site to use the regular responsive feature.
Is there any additional CSS coding I could use to force it to fix it in android?
I have emptied the cache after the change and emptied the cache in all browsers, but still no luck on the android side of things.
Thank you very much for your help.
Kind regards
Hello MESOTU,
Please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect your setup page. Also, please provide the link of this topic so we can easily identify you.
Thanks for your understanding!
