"pre" tag not shrinking. Not showing Horizontal scroll Bar
<p>I show a lot of code on my site. The rest of my site is responsive, but the "pre" tag refuses to shrink and display horizontal scroll bars. Here's a screenshot of my content getting cut off due to the long "pre" tag at the top:</p>

<p><a href="https://i.stack.imgur.com/YffTX.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/YffTX.jpg" alt="enter image description here"></a></p>

<p>I'm using overflow:horizontal, but you can see in the example that it doesn't work. Here's the actual link <a href="http://www.webhostingshed.com/uncategorized/post-with-og_image-text.html/" rel="noreferrer">enter link description here</a></p>

<p>As soon as I switch my theme, it works fine! I'm using a child theme of the Genesis Framework...</p>