Portfolio Masonry

Do you have a link to your site?

I tried to look at your portfolio php file but it wouldn’t let me access it since I don’t have admin privileges . I would need that in order for the files to show up.

By looking at the site itself I can see from the source code that part of the php code is either missing or isn’t working properly since the first .portfolio-clear isn’t showing up.

I also don’t see it in the CSS, I just see the .portfolio-clear-2 at the moment.

Your last 2 replies did show up privately, so no one else will see it.

Ok just got it fixed. First I added this to your portfolio file right above the part that you edited –

// Outputs clearing div after every 2 posts
add_action( 'genesis_after_entry', 'portfolio_after_post_2' );
function portfolio_after_post_2() {
    
	global $wp_query;
    
    // Assumes 2 posts per row
	$end_row = ( $wp_query->current_post + 1 ) / 2;
        
	if ( ctype_digit( (string) $end_row ) ) {
		echo '<div class="portfolio-clear"></div>';	
	}
} 

^ That code adds clear: both after the 2nd portfolio item when the site is being viewed on smaller devices. The issue was the 3rd portfolio item showing up off to the right, this code in addition to the css I added forces everything to clear after the 2nd post to prevent that from happening.

The CSS I added was this (in the portfolio section) –

.portfolio-clear {
	clear: none;
}

.portfolio-clear-2 {
	clear: both;
}

Then I added this in the responsive section (under the iPhones (portrait and landscape max-width: 767px)

	.portfolio-clear {
		clear: both;
	}
	
	.portfolio-clear-2 {
		clear: none;
	}

Hit your reload button so it will clear your browser cache and view the site to make sure everything is working on your end.

You’re Welcome!