チャッキーさん

時間がありませんので、端折ってしまいます。

子テーマに以下のようにお書きになっていると思います。

.article h2 {
    margin: 40px -30px 20px;
    position: relative;
    padding: 5px 29px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
    color: #333;
    background: #fff;
    border-left: none;
    border-top: #FF706C solid 3px;
    border-bottom: #FF706C solid 3px;
    background-size: 4px 4px;
}

 左右のmarginが「-30px」とはみ出していますので、起こるのではないか。。。と思われます。
（スマホの場合、メインコンテンツの左右のpaddingは16pxの様子。）

スマホ実機で確認はしておりませんが、時間がありませんのでこれにて失礼してしまいます。
すみません。

前略、チャッキーさん

ご自身で記述したコードより下の行に、以下を追記してみてください。

@media screen and (max-width: 834px) {
    .article h2 {
        margin-right: -16px;
        margin-left: -16px;
    }
}

チャッキーさん

リフィトリーさんのお書きになったものを追記していただいたと思いますが。

元々の場所（marginの前）に、半角スペース以外の文字が入っていて、エラーになっているようです。
（人の目には見えませんので、区別がつかないとは思いますが。）

半角スペースに置き換えておくと良いと思います。