Long equations do not display completely in digital devices.

[PoeticGenius]

Checklist

• [x] I have read the tutorials and know the correct effect of the functional design.
• [x] There are no similar reports on existing issues (including closed ones).
• [ ] I found the bug on the latest code of the master branch.

Describe the bug

Long equations do not display completely in digital devices.

To Reproduce

Steps to reproduce the behavior:

Just visit my website to find out more.

Expected behavior

Maybe we can scroll horizontally across the equation.

Screenshots

Environment

Command	Version
ruby -v	2.7.0
gem -v	3.1.2
bundle -v	2.1.2
bundle exec jekyll -v	4.2.2
bundle info jekyll-theme-chirpy	5.2.1

Desktop

Smartphone

• OS: [HarmonyOS 2.0.0]
• Browser: [Quark]

Additional context

[cotes2020]

It seems that you modified the CSS to cause this issue. In the original edition, the mathematical formula supports horizontal scrolling.

[PoeticGenius]

Thanks for your generous reply. It seems that this situation is not caused by customizing css because I just change my css to original and only use another font: PlayFair. The horizontal bar can show but can not be moved. Please dive in and provide a solution.

Maybe you can try this formula in your theme and view it from phones:

$$
\frac{\partial E(\boldsymbol{w})}{\partial w_{kj}^{(2)}} = \frac{\partial E(\boldsymbol{w})}{\partial y_{k}} \frac{\partial y_k}{\partial w_{kj}^{(2)}} = (y_{k}- \hat{y}_k)z_{j} \tag{5.9}
$$

Any help is well appreciated!

[DylanDijk]

@PoeticGenius Was just wondering if you ended up managing to find a solution for this.

[cotes2020]

So @PoeticGenius I used the formula you provided to reproduce this issue and found that it was caused by the inline style generated by MathJax.