Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
+1 vote
531 views

1 Answer

+1 vote
by

This is more of a targeted fix towards your website, instead of a general fix:
(Paste the code below to: Admin > Theme Options > Custom CSS)

.qa-post-content {
    overflow-x: auto !important;
}


If you are the plugin owner, then you could wrap all the equation elements inside of a parent element, like:

<div class="mjx-parent">
    <mjx-container></mjx-container>
    <mjx-container></mjx-container>
    . . .
</div >

 Then it would be easier to implement a general fix like this instead:

.mjx-parent {
    overflow-x: auto;
}

by
Thanks a lot @gold-developer. We have added the CSS and the scroll is working fine. Just that there's a slight layout shift.

https://gateoverflow.in/868/gate-cse-2002-question-15?show=239070#c239070
by
Yeah, that's why I say it's best to create a wrapper for all the equation elements, because this is more of a broader targeting.
With this broad targeting even the full questions/answers will get a scrollbar if they have a long equation in its content.

With a wrapper/parent element, we could do a more precise targeting, so the equation blocks would behave like code blocks
https://rxchun.github.io/shop/polaris/screenshots/screenshot-5.jpg
by
oh. Unfortunately mathjax is not a plugin and we cant directly control it :(
...