Image captions mostly not clickable

It appears to be because of this CSS:

.single .entry-content,
.page .entry-content {
	position: relative;
}

in your second link, while the text appears to wrap around the image, the HTML elements are still technically covering the image. Since you’ve got position: relative; on the entry-content div that means that the content is higher up in the stacking context. Since you can’t click through elements, you’re unable to click links ‘underneath’ the content:

The solution to this is to place the image and caption higher up in the stacking context:

.entry-thumbnail {
    position: relative;
    z-index: 2;
}

This will put the header underneath the image though, so you’ll need to put it on the layer above the thumbnail:

.single .featured-portrait .entry-header,
.page .featured-portrait .entry-header {
    position: relative;
    z-index: 3;
}

Thank you so much – that was very well explained. I got it working now. Appreciate the quick help!