Forum Replies Created
I recently had time to test out a completely new version of the portfolio. I recreated the portfolio from scratch and used the 4 column layout instead of the 3 column layout as requested. I kept everything at the stock settings, no changes except the addition of portfolio images. I still had the jumping effect problem.
However, the problem has gone away now that I have a lot of portfolio elements on the page. I have reloaded it again and again and it doesn’t come back. When I make a page with only a few portfolio items on it, the problem comes back.
Things are running fine for now luckily, but if I have the problem again in some form, I will contact you guys again.
Thanks for your help,
These are all websites using angular that don’t have this problem:
One site has a similar effect where the portfolio sections slide in, but it still slides in before they are all loaded, it is much less obvious, and it is from bottom to top not left to right: http://www.benrobins.com/
Even the live preview doesn’t have this effect: http://www.kriesi.at/themedemo/?theme=angular
If there is in fact some kind of animation that happens in every single one of these websites, a sliding animation of sorts, then it is very very subtle. My sliding animation is not subtle at all, and instead it is very obvious and quite startling in my opinion.
If you guys can think of anything that might help to disable this animation or change it’s timing, I would be very grateful.
Thanks for getting a video of it and for passing it on to Kriesi. I think it was just a simple misunderstanding then, because I meant that the portfolio loading a second time with the animation was the “jump” (the one at 3 seconds). Definitely a different one from the original problem.
I tried a similar test, cleared the cache in all browsers, and there was no problem with Firefox or IE. In Google Chrome I still have the jump effect and I tested this on three different computers.
If worse comes to worst, I can even record it on video if that could help in any way.
Basically, the page jumps randomly and if you only load it once you might not catch it. Try loading the page a few times.
What happened before was that the page would load everything perfectly fine and then all of a sudden the footer would come back up past the portfolio items and drop back down. Now the problem is not involving the footer. Once the page loads everything looks fine for a second and then the portfolio items collapse in and then expand out again.
I looked at your Angular Live-Preview website and this problem doesn’t occur there at all, I tried reloading it 20 times just to make sure. It seems like the AJAX effects for making things slide across the screen is just executing at the wrong time. Instead of Executing Animations and then Loading Content, it is erroneously Loading Content first and then Executing Animations.
I thought making a min-width value would stop it from expanding horizontally since min-height worked for the footer.
I added the code for the custom.css and it worked for one portfolio item. It still jumped a few pixels but it was barely noticeable. I tried a separate test where I added extra portfolio items to see if that would fix it as well. I added about 4 items in about 5 different categories with some overlaps. Adding new items didn’t fix it, matter of fact it made it worse. It started jumping vertically and now it jumps horizontally as well.
When I added the custom.css again it actually stopped jumping vertically but still jumps horizontally.
I also tried to add:
I was hoping it would produce the same fix in width instead of height. It had no effect, but we are getting somewhere.
Thanks for the response!
The only modifications that I have made to the footer have been through the Appearance > Widgets menu where I have added/subtracted and modified the menu options in the footer. I tried rearranging the widgets a bit and resetting it back to default. I also tried replacing the footer.php file just in case. Both fixes were to no avail.
I was able to fix the problem by adding this to the custom.css. Make sure to reset the cache for anyone else who tries to do this.
Thanks for the help!
I uploaded a test item that displays this problem on the front page: http://benslepp.com/