text is getting clipped on Polaris theme

Question

https://gateoverflow.in/1400/gate-cse-2005-question-77-isro2016-55?show=271468#a271468

Answer 1

Normally there should be a  <code>  tag inside of the  <pre>  tag, like this:

<pre>
    <code></code>
</pre>

Then the scrollbar would appear automatically. But since your editor doesn't append a  <code>  tag, you can add the scroll auto to the  <pre>  tag instead.

Go to Admin > Theme Options > CSS Styles and paste the following:

.entry-content pre,
.qa-q-view-content pre,
.qa-a-item-content pre,
.qa-c-item-content pre {
    overflow: auto;
}

Comments

Thank you @gold-developer. It did work for larger screens but for some reason isn't working for ver small ones. The below one worked fine - is it safe to use this?

.entry-content pre, .qa-q-view-content pre, .qa-a-item-content pre, .qa-c-item-content pre {
    white-space: pre-wrap !important;
}