It seems in Chrome or Firefox images are not being displayed and in developer mode it seems this css tag is to blame and opacity being set to 0?
body.td-animation-stack-type0 .td-animation-stack .entry-thumb,
body.td-animation-stack-type0 .post img {
opacity: 0;
Can someone tell me what is going on and how to correct this?
I have re-installed the child theme and its only occuring in Opera and Firefox. Chrome is now loading the images and so is Safari.
https://www.dropbox.com/s/htfom7kqlx113ek/Screenshot%202016-09-06%2015.30.18.png?dl=0
https://www.dropbox.com/s/8u0jmlvq1ty91xf/Screenshot%202016-09-06%2015.30.10.png?dl=0
I have added into custom css in the theme panel
body.td-animation-stack-type0 .td-animation-stack .entry-thumb,
body.td-animation-stack-type0 .post img {
opacity: 1;
}
and its now working in chrome / Opera and Safari but still not Firefox?
I think you can also simply disable the lazy loading animation effect from the theme panel. That’s what I do. 🙂
That did the trick! Thanks. Any idea why this happens?
Javascript, image time-outs, all sorts of things. Some browsers don’t work right (ahem, Firefox) with certain things. Sometimes you have to go by the lowest (bad) web browser to reach everybody the same way. Not counting dead stuff like Safari on Windows, or FF 3, IE6, etc. 🙂
I managed to get all the images loading now.
I still don’t have a menu bar in chrome or firefox!
I have implemented one of the fixes related to slow loading of the menu bar:
.sf-menu ul {
visibility: hidden;
}
.td-js-loaded .sf-menu ul {
visibility: visible;
}
but that is not having any effect on the aforementioned browsers..
Remember you need to FULLY clear caching in Chrome, etc., to SEE any changes to CSS/JS.
HI
@andrew40 Try this css in theme panel > custom code > custom css: http://screencast.com/t/24GDsWOLStu
.sf-menu {
visibility: visible;
}
Thanks!
Works in chrome, but not firefox..
https://www.dropbox.com/s/lrhddfcntusc9e1/Screenshot%202016-09-09%2010.41.58.png?dl=0
I added it to the child theme css and all is ok, didn’t seem to work in custom css.
As an aside why would i need to set menu to be visible when it should be anyway?
Hi
I’ve checked your site and the menu is displayed fine on Firefox: http://screencast.com/t/3fXKZh366r64 Doring page’s load the menu is hidden by default and after js is loaded a custom class is added and makes the menu visible. I am not sure why that class is added on your site but this is the reason for which the menu was hidden.
Thanks!
