Issue with Featured Images on Portfolio page
-
On the site I recently created, the portfolio page shows the featured images stacked on top of each other toward the bottom of the page, making it difficult to see the images and titles and click on them. It does not always happen–sometimes reloading the page corrects this. My theme is Orvis, which I also use on my personal site (jennyperry.net). A similar thing happens on that site. Is there a way to correct this? Is there an issue with this theme?
WP.com: Yes
Correct account: YesThe blog I need help with is: (visible only to logged in users)
-
Hello there,
My theme is Orvis, which I also use on my personal site (jennyperry.net). A similar thing happens on that site. Is there a way to correct this? Is there an issue with this theme?
We’ve had a similar report of this happening here: https://en.forums.wordpress.com/?p=3763641
To see if there’s a common denominator, can you tell me if this happens if Infinite Scroll – https://wordpress.com/support/infinite-scroll/ is deactivated please?
-
I just deactivated Infinite Scroll. Now when I click the link to the Portfolio page, it does not show all 23 images…only about ½ of them are there. There is a link in the lower left corner to OLDER PROJECTS–which has never been there before. When I click that, it adds additional images to the portfolio page, but still not the full number (23).
-
Hi there,
Thanks for sharing. Are the images still overlapping on your end while infinite scroll is deactivated? Also, what browser are you using when seeing this issue?
-
I also just changed the number of posts to be displayed to 24 under Portfolio settings. Since I saw no improvement when I deactivated the infinite scroll setting, I reactivated that. When I clicked to the portfolio page from a link to it on the homepage, it loaded much better, but there was still one image hiding under another one down at the bottom of the page. I clicked on the corner of the hidden one and opened it. When I hit the back button to take me back to the portfolio page, it was no longer hidden. Is there any other setting or action I could take to make sure the portfolio page fully loads, with all artwork images ready to click for more information each of them?
-
Infinite Scroll setting change did not affect the issue. I am using Chrome on a Mac, but my sister noticed the same problem when using Safari yesterday–and she noticed the images would be loaded if she reloaded the page or clicked away and came back to it. I just tried it on Firefox and it loaded just fine. Then I pasted the URL into a new window on Chrome and it worked just fine. So, it seems to be loading better than it was for now, but now I still see OLDER PROJECTS in the lower left corner–but nothing happens if I click on it except that the words will disappear. There are no older projects, so I’m not sure why that even shows and I’m fairly certain it was not there before today. after changing some settings.
-
Hi there,
To clarify, the issue you see is upon the initial load of the site, but if you click the refresh/reload button in your browser, it the displays correctly and the issue goes away?
When I visit https://mountainartquilters.wordpress.com/portfolio/ it loads for me normally (I do not see any image overlap) if I try in Chrome, Safari, and Firefox.
Here is a video of what I see when I visit: https://d.pr/v/EiC2j4
Because the Orvis theme uses Masonry JS to create the portfolio layout, it can sometimes be affected by the speed of your network connection. With this in mind I would like you to run the following network test: http://www.speedtest.net/
Can you tell us the results you get for:
– Latency
– Download speed
– Upload speedThanks for the additional info!
-
My current Speedtest results:
Ping 33
Download 95.4
Upload 10.8.As mentioned in my earlier replies, I changed the projects per page number to 24 in the portfolio settings and that seemed to improve the issue (it had been 10)–but the words OLDER PROJECTS now appear in the lower left corner. I don’t believe that was there before I changed the setting. I can see it in the video you included with your reply. Since there are no OLDER PROJECTS, why would that be there and how can I get rid of it? The overlapping issue may have been corrected though–and that’s the important thing. It’s important for me to be able to click all thumbnails and read the name and artwork title for each of them. Since this problem didn’t always manifest itself in exactly same way every time, I hope that takes care of it.
-
Thanks for the additional info!
The results of your test are not the worst I have seen, but the ping time (33ms) is a bit high. To explain how Masonry JS works, it builds the layout in realtime based on the size of all the “blocks” it has to fit on the page. The issue is that if any elements on the page are slow to load (e.g. featured images in the thumbnail grid) that can throw off the calculation.
The end result is images are added late, and give the appearance of being “stacked” in the layout since the space they take was not accounted for in the layout when it was calculated.
Switching to the display number you are at now seems like a workable solution, but the downside of turning off the “infinite scroll” setting. There is not a way to prevent that from showing, even if there are no more posts to load the option will show by default.
It is possible to hide that option with a bit of custom CSS code, but to do that will require upgrading to the WordPress.com Premium Plan and is not an option on free sites.
- The topic ‘Issue with Featured Images on Portfolio page’ is closed to new replies.
WordPress.com Forums 