前提・実現したいこと
Wordpressでサイトを運営しています。
適用テーマはTHE THORです。
https://fit-theme.com/the-thor/
エディタに「スマホテーブル横スクロール」ボタンがあり、
該当テーブルに適用することで<div>タグで囲まれ、
CSSが適用されスマホ表示時のみテーブルが横スクロールできるようになります。
しかし、スマホ表示時は横スクロールできるものの、
PC表示時はスクロールができず、表が途中で切れてしまいます。
上の画像のようにです。
スマホ表示時のみではなく、PC表示時も横スクロールできるようにする方法はありますでしょうか。
「スマホテーブル横スクロール」ボタン適用により、以下のDIVタグが適用されます
<div class="tableScroll"></div>
設定されているCSSは以下が書かれていました
/*テーブルスクロール*/ .content .tableScroll{overflow: auto;} .content .tableScroll table th{ min-width:160px} .content .tableScroll table td{ min-width:160px}
試したこと
前提として、当方、プログラミングは全くといっていいほど無知です。
HTMLについては初心者向けの本を1冊。
CSSについては、検索してコピペで貼り付けている程度ですので、ほとんどわかりません。
試したこととしては、
・「スマホテーブル横スクロール」ボタンを適用せずに、Wordpressの機能「追加CSS」でネットで検索したCSSをコピペした
・一つの情報だけでなく、いろんなブログ記事の情報を参考にCSSをコピペして適用してみた
です。