I recently installed a WP podcast theme that I love overall, but one issue is that it jumps to its responsive/mobile layout at a much larger size than I'd like instead of just continuing to shrink the page elements a bit more.

This results in the episodes that are listed on a show page to change from a single row per episode, with the featured image, excerpt, and player all on the same line, to two rows per episode, with the featured image on its own line and the excerpt and player below it. This makes the featured images really ugly because they become oversized and take up the whole window, which is fine on smaller sizes like phones but looks really unwieldy on browser windows that are still pretty large.

Basically, the size at which the layout shifts from main to mobile is too early, and I'd like to change it so that the mobile layout isn't triggered until a much smaller width. However, I've been messing with the CSS files and have no idea where that trigger is set.

I can do things like change the size of the featured image on the mobile layout, but I can't figure out where to change the width where the mobile layout itself kicks in. If anyone is willing to take a look at that demo page and suggest which bit of code controls it, I would be extremely grateful!