携帯端末のﾚｲｱｳﾄについては別の設定となります｡
ﾗｲﾌﾞﾄﾞｱﾌﾞﾛｸﾞのﾃﾞｻﾞｲﾝ設定から｢ｽﾏｰﾄﾌｫﾝ｣[ｹｰﾀｲ]のﾃﾞｻﾞｲﾝ設定を変更してください｡
同じように､ﾍﾟｰｼﾞﾗﾝｷﾝｸﾞ等のｽｸﾘﾌﾟﾄもPC向けのみ設定されている場合､ｽﾏｰﾄﾌｫﾝ等からは見ることができません｡
貼り付けるWebﾊﾟｰﾂによっては無効とされる場合もあります｡

また､ｻｲﾄの確認にはﾕｰｻﾞｰｴｰｼﾞｪﾝﾄ(端末情報)を変更できるﾌﾞﾗｳｻﾞを利用すると便利です｡
ﾌﾞﾗｳｻﾞ別UA(UserAgent)の変更方法 - Web覚

blog-header02 が突き抜けていたりしていますが､質問文に具体的な修正案が無いため割愛します｡

始めの回答者の方に書いた内容と同じですが､補足の修正案です｡
blog-header02は､横幅1240pxでﾀｲﾄﾙ画像とくっつけて表示したいと思っています｡突き抜けている箇所を画像と揃えて不自然じゃない形にです｡
ﾚｲｱｳﾄが崩れている点で他に､ﾍﾟｰｼﾞ下部のﾌｯﾀｰ部分の黒いﾗｲﾌﾞﾄﾞｱﾛｺﾞが入っている箇所をﾍﾟｰｼﾞ横幅いっぱい広げて､右端の部分にﾄｯﾌﾟに戻るﾎﾞﾀﾝがくるようにさせたいです｡
今の状態だと､ﾌｯﾀｰの部分が途中で切れて､ﾄｯﾌﾟに戻るﾎﾞﾀﾝが透明で見にくいと思います｡
以上が修正案になります｡
長文で恐れ入ります｡
すみません｡追記しておきたい部分に､ﾀｲﾄﾙ画像の右側が途中で切れて表示されている箇所をﾀｲﾄﾙ画像下のﾌﾞﾛｸﾞﾛｰﾙと同じ横幅と余白を残した状態で､不自然じゃない形で表示できればと思っています｡
追加での修正案になります｡
解決方法をご存知でしたら､ご教授の程よろしくお願いします｡