So I think I've found a slight bug or error. Could be on my behalf but I'm not really advanced and am still learning the whole Front End Dev side of things. On my studios website I have a full width carousel that features our work (obviously) however when I load my website the project images are just a thin rectangle and not showing at 100% height. I've tried a few things to fix this myself however can't seem to fix it. I've also noticed that if i resize my browser window it will then adjust itself and correctly show the project images at 100% height.
This error has also happened on my friends website with the full width carousel.
I've attached a screenshot of what it looks like. Please let me know if you require anything further!
I've added padding to the colum and it work 90% of the time, however still experiencing the issue sometimes on Mobile or Tablet. Possibly as it hasn't cached properlly yet.
Update: I've removed BWP Minify as it seems to be the plugin causing the issue. I'm now using just W3 Total Cache, which unfortunately seems to be producing the same issue with the full width carousel still.
Hey! I've tried various things to try and fix the issue but can't seem to figure out a fix or what it is that's making it do what it's doing. Would you happen to have any further suggestions?
Look at the website it doesn't look like the plugin is free. I'm not really looking to have spend anymore monthly on the site than I currently am.
Fortunately I do think I've found the solution to this issue. Jetpacks lazy loading images features seems to be what was causing the issue. Greatly apprecaite your help guys!
Hello!
So I think I've found a slight bug or error. Could be on my behalf but I'm not really advanced and am still learning the whole Front End Dev side of things. On my studios website I have a full width carousel that features our work (obviously) however when I load my website the project images are just a thin rectangle and not showing at 100% height. I've tried a few things to fix this myself however can't seem to fix it. I've also noticed that if i resize my browser window it will then adjust itself and correctly show the project images at 100% height.
This error has also happened on my friends website with the full width carousel.
I've attached a screenshot of what it looks like. Please let me know if you require anything further!
Hey Jake,
Try adding in some Column Padding and see if that fixed it .
Best
ThemeNectar Support Team
I've added padding to the colum and it work 90% of the time, however still experiencing the issue sometimes on Mobile or Tablet. Possibly as it hasn't cached properlly yet.
Hey! Sorry just noticed the issue is still happening even after clearing cache etc.
Hey Again, Hope you had a Great Weekend,
Try using the Optimization plugins recommended in this Article http://themenectar.com/docs/salient/performance-optimization-guide/ and check if that makes a difference .
Best
ThemeNectar Support Team
Hey! I had a great weekend, what about you?
I'll give these plugins a go, I've been using EWWW beforehand but will give the others a go aswell!
I'll keep you posted, thank you!
Hey. I've used the recommend plugins and it really hasn't worked. At all. In fact now none of the styling is working?
Update: I've removed BWP Minify as it seems to be the plugin causing the issue. I'm now using just W3 Total Cache, which unfortunately seems to be producing the same issue with the full width carousel still.
Hey! I've tried various things to try and fix the issue but can't seem to figure out a fix or what it is that's making it do what it's doing. Would you happen to have any further suggestions?
Hey there,
Thanks for reaching in,
Please try this plugin https://wp-rocket.me/
Regards
Hey Andrew!
Look at the website it doesn't look like the plugin is free. I'm not really looking to have spend anymore monthly on the site than I currently am.
Fortunately I do think I've found the solution to this issue. Jetpacks lazy loading images features seems to be what was causing the issue. Greatly apprecaite your help guys!