Bhagwad Jal Park Bhagwad Jal Park - 10 months ago 32
CSS Question

"pre" tag not shrinking. Not showing Horizontal scroll Bar

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:

enter image description here

I'm using overflow:horizontal, but you can see in the example that it doesn't work. Here's the actual link enter link description here

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


You need to assign a width to the element, so that the content can overflow. Try setting width: 100vw, for example, and it will work.