WordPressテーマSANGOの質問

表がレスポンシブにならない

motz

2019/01/09

サルワカさん、いつも素晴らしいテーマSANGOを愛用させていただいております。
表をレスポンシブにする機能がうまくいかず相談させて下さい。

ご指定通り左上のセルをクリックしてから“表をレスポンシブに”と設定しているのですが、通常レスポンシブだと画面幅を超える横幅分がスクロールできるようになると思うのですが、困ったことになぜか「横幅はみ出しで固定、縦スクロール」になってしまいます。一部正常に動作している表もあるのですが、サイトに挿入している表の大部分でこのような表示になってしまっており、何か解決策が有りましたらご教示いただけますでしょうか…

SANGOで表を挿入する方法：レスポンシブ対応させるには？

コメントへの回答

サルワカくん

2019/01/10

なるほど。tableタグを見ると、以下のようになっており、この中のwidthとheightの指定が原因のようです。

<table class=" tb-responsive" style="height: 402px; width: 723px; background-color: #f5fafa;">

こちらのwidthとheightはご自身で書いたものでないでしょうか（その場合プラグインの影響だと思います）
プラグインで挿入している場合の簡単な解決策としては、子テーマのstyle.cssに以下のCSSを追加することです。

.entry-content table.tb-responsive {
  width: 100%!important;
  height: auto!important;
}

ご確認よろしくお願いします。