What I’m trying to do
I want readable line length enabled on desktop, but not on mobile. On mobile, it adds padding to the left, reducing the screen space for the text:
Line length enabled:
Line length disabled:
Is there a way to constrain readable line length just to desktop? Perhaps disable readable line length only on mobile or use custom css somehow?
Things I have tried
This targets the element on desktop, but doesn’t work on the iOS app:
@media only screen and (max-width: 500px) {
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer, .markdown-source-view.is-readable-line-width .CodeMirror {
margin: 0;
width: 100%;
max-width: 100%;
}
}
I’ve tried targeting other classes with this, altering left padding and margin, and other options from Adjustable “Readable Line Length” but nothing has worked.