こんにちは
下記のスタイルではどうでしょうか。
@media only screen and (max-width: 1024px) {
#masthead .header-wrap .container {
width: 100%;
}
#masthead .header-wrap .col-sm-4,
#masthead .header-wrap .col-sm-8 {
width: 100%;
}
.btn-menu {
float: none;
margin: 15px auto 5px;
}
.header-wrap {
text-align: center;
}
#mainnav-mobi {
top: auto;
}
}
ishitakaさん、ご解答ありがとうございます。
そのまま子テーマのcssにコピペしてみましたが、
何も変化しませんでした。
何か他に考えられることはありますでしょうか?
よろしくお願い致します。
ブラウザのキャッシュを削除してみて確認してみてください。
なお、ヘルプの必要なページの子テーマの style.css (sydney-child/style.css) には記述がないようですが、記述したけど変化ないので削除されたのでしょうか?
そのまま子テーマのcssにコピペしてみましたが、
スタイルは例です。そのままではなく、理解した上でご自身で記述してください。
と思ったら、ishitakaさんからヒントを得て
@media only screen and (max-width: 767px) {
.btn-menu {
float: none;
margin: 0px auto 5px;
}
}
これでうまくいきました!
ishitakaさん、ありがとうございました!!