• Resolved sebasmurgue

    (@sebasmurgue)


    Hi,

    I noticed that there was already a thread about “Mobile viewing of long equations abruptly cuts off” but it is not exactly the problem we are having. A couple of months ago, when we had long equations in a page, we were able to scroll to the right to the see the whole thing. But now, in the computer (and also in tablets or phones), when we have a long equation we cannot move to the right to see the rest of it (please see the example with the link I am sharing, and try to use a not very big screen). I am not really sure what changed since that moment, but I only noticed the issue recently. To repeat, the problem is that in computers, long equations are simply “cut” and you cannot scroll right to see the rest.

    Maybe it has to do with the change to a new theme (we are using “Avada” now), but maybe MathJax was updated automatically and it changed something? In any case, any suggestion about how to solve this problem would be very helpful. In case it is relevant, we are using MathJax 3, and the following settings:

    MathJax = {tex: {inlineMath: [[‘$’,’$’],[‘\\(‘,’\\)’]], processEscapes: true}};

    window.MathJax = {
    tex: {
    tags: ‘ams’
    }
    };

    AND Custom MathJax CDN: https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js

    In advance, thanks so much for your help,

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author pkra

    (@pkra)

    This is unrelated to the plugin.

    The page css is causing this: both #boxed-wrapper and #wrapper get overflow:hidden (on small screens).

    Thread Starter sebasmurgue

    (@sebasmurgue)

    I see. I am contacting the support of the developers of my theme to see if they can help me with this issue. Thanks

    • This reply was modified 4 years, 7 months ago by sebasmurgue.
    Plugin Author pkra

    (@pkra)

    If the authors don’t want to change this, an alternative is to add some CSS on your end (e.g., via the customizer) to allow overflow. In your case,

    .post-content p {
    max-width: 100%;
    overflow-x: auto;
    }

    seems to be ok.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problems with long equations’ is closed to new replies.