THE THOR で画面幅を広くしてみたんだが、、、う～ん、なんか違う。

テンプレートはなんとなくTHE THORを使っているのだが難しい。
そもそもあまりPHPもCSSも理解せずにWordPressを始めたのが悪いんだろうが、とりあえずどこかのサイトからコピペで持ってきたCSSを貼ってみた。

(-ω-;)ウーン。

アイキャッチがかなりでかいなぁ。。。

いっその事アイキャッチは消してしまった方がバランスは良くなるのだろうか。
そもそもまず先にPHPとCSSをもっとちゃんと勉強するべきなんだろうな。

/* 画面サイズ設定 */
@media only screen and (min-width: 992px) {
  .l-wrapper {
    max-width: 1600px;
  }
  .container {
    max-width: 1600px;
  }
  .menuBtn__content {
    max-width: 480px;
  }
  .l-main {
    width: 70%;
  }
  .l-sidebar {
    width: 25%;
  }
  .l-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}