Issue with portfolio Nav button

Hi there – I’m not seeing any obvious issues on your example page in Firefox 35.0.1 on Mac 10.9.5.

ould you let me know:

– what specific device you’re using (i.e. Nexus 7, Macbook Air, PC laptop)
– what OS and version you’re using (i.e. Android 4.4.4 Kitkat, OS 10.9.5, Windows 8.1) – visit
– what browser and version you’re using (i.e. Firefox 35.0.1)
– what is your browser window size? (i.e. 1433 x 1096)

You can visit https://supportdetails.com/ if you’re not sure about some of these details.

How many portfolio items do you have right now of the “Hoy & Walls in WWII” type?

Hi,

Sorry it took until now to get back to you but thanks for your reply.

And, again sorry, as to ‘overcome’ the problem I increased the no. of posts to display to 30 (when I figured out I could do it without changing the php files in the theme!).

But for you to see the problem I have changed this to 12 as this is the max no. I need for a project-type summary page I am using and the site is live. I am not currently using this page but of course it will be possible to view it with other project-type ‘parent’ pages as well.

I have tried viewing the site with many different systems and see see the problem.

Thank you again for getting back and sorry for wasting your time initially but hope you can help with the problem.

Also just to say that weirdly the no. of portfolio items displayed on the front page is governed by “Blog pages show at most” and not “Portfolio pages display at most” in the Reading Settings!

I’ve been able to replicate the glitch with the portfolio page navigation and will report it to our developers so they can get it fixed up!

Also just to say that weirdly the no. of portfolio items displayed on the front page is governed by “Blog pages show at most” and not “Portfolio pages display at most” in the Reading Settings!

That is odd indeed. I just tested this on my end with Harmonic and the number of projects displayed on the portfolio page does respect the number I’ve set in “Portfolio pages display at most XX projects”

I’d be curious to see screenshots of both settings pages, the one where you set the number of portfolio projects per page, and blog posts per page.

Here’s a guide on how to make a screenshot:
https://en.support.wordpress.com/make-a-screenshot/

You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy.

Hi,

Sorry it has been so long but I got lost in the theme and website and other stuff!

The oddity I observed is totally my fault as in my determination to get rid of the “obscured” and very unsightly nav on the portfolio pages I set the no. of portfolio items to 30 which produced portfolio pages with no nav problems but a very busy homepage!

To solve that I altered content-front-portfolio.php file:

from line 54 I removed the option (‘jetpack-portfolio’ etc) to make it:

$posts_per_page = get_option( ‘8’ );

This must (I’m no coder!) have allowed the no. of portfolio items on front page to be set by no. of Blog posts in Reading Settings (which I had set to 12).

Sorry for causing you bewilderment!

Out of interest, any solution to the nav problem?

Although it is not of real concern to me now as I have resorted to plugins to do some work for me.

Bye-for-now

Thanks for explaining what you’d changed in the files to produce the effect you saw. At least that mystery is solved now!

Out of interest, any solution to the nav problem?

Not yet! We’ll be sure to let you know when there’s a fix.

@kathryn: The problem is caused by an incorrect application of Masonry. Masonry is applied to the #archive-container div and effects all the items with the .jetpack-portfolio class which is correct, but because the #archive-container div also contains the .paging-navigation nav which is not targeted by Masonry it is displayed as if the Masonry elements are not there.

To fix it (something that should be done asap) the markup on the page needs to be changed to include a wrapper (div or section) that contains the article items so Masonry can handle these separately from the nav. Minor changes need to be made to archive-jetpack-portfolio.php, templates/portfolio-page.php, and js/harmonic-masonry.js

I can submit a patch for this if you like, just tell me where to send it to.

Thanks, Morten – I’ve added your insights to the bug ticket for this issue in Harmonic, appreciated.

This issue should be resolved by a recent update to the theme.

The theme has been re-submitted to .org but may not be updated there for some time; in the meantime, you can get the updated version from https://themes.wordpress.com/harmonic

Cheers!

If anyone does download the theme from WordPress.com, please note that you’ll need to rename the theme folder to “harmonic”.