モバイル表示時の固定ページのタイトルおよび更新日時の非表示について

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › モバイル表示時の固定ページのタイトルおよび更新日時の非表示について

3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #26249
      ジョン
      ゲスト

      いつもお世話になっております。

      先日、固定ページをLPとして使用したく、子テーマのCSSに下記のコードを書き込みました。

      .page-id-85 h1,
      .page-id-85 .entry-title, .page-id-85 .post-meta{
      display:none;
      }
      .page-id-179 h1,
      .page-id-179 .entry-title, .page-id-179 .post-meta{
      display:none;
      }

      パソコンで閲覧した際には、しっかりと非表示になっていたのですが、モバイル表示した際にタイトルと更新日時が表示されてしまい、モバイルCSSに同じコードを書き込んでみたのですが、うまくいきませんでした。

      お忙しいところ大変恐縮ですが、モバイルで反映させるようにするためには、どのようにしたらよろしいでしょうか?

      ご教授いただけると幸いです。

    • #26252
      アバター画像わいひら
      キーマスター

      完全レスポンシブ機能がオンになっているとmobile.cssが読み込まれないということはあるかもしれません。

      ただ、詳しい原因を見るには、実際のURLを見てみないことにはわからないかもしれません。個人の書き方のエラーや、カスタマイザーの設定により、いろいろ変わってくることもあるので。

    • #26256
      ジョン
      ゲスト

      ご返信いただき、ありがとうございます。

      カスタマイザー設定では、完全レスポンシブ機能をオフにしてみましたが変化はありませんでした。

      現状子テーマのCSSに書き込んでありますコードは下記の通りとなっています。

      子テーマCSS
      #sidebar h4 {
      color: #ffffff ;
      background: #162ee0;
      font-size: 16pt ;
      line-height: 1;
      margin:10px 0px;
      padding: 10px 5px 10px 5px;
      box-shadow:1px 3px 7px 0px #666666 ;
      border-bottom:3px solid #13b2c4;
      border-radius: 5px ;
      }
      aside h4:before {
      content: “\f046”;
      font-family: FontAwesome;
      font-size: 25px;
      color: #ffffff;
      position:relative;
      top:2px;
      margin-right:5px;
      }
      #site-description{
      margin-top: 0;
      color: #777;
      margin:0;
      padding:10 0;
      line-height:140%;
      font-size:25px;
      margin-right:20px;
      margin-bottom:10px;
      font-weight:800;
      }
      #navi ul li a{
      font-size:14px;
      display: block;
      padding: .3em .7em;
      color:#111;
      text-decoration:none;
      z-index:99;
      }
      .hatebu a{
      background-color: #FFD5D5 !important;
      color: #FF7979 !important;
      font-weight: bold;
      font-size: 12px;
      margin-left: 8px;
      padding: 1px;
      }
      .article h2 {
      position: relative;
      color: #ffffff;
      background: #13b2c4;
      font-size: 25pt ;
      border: 0px solid #ff6347;
      margin: 10px 10px 20px 10px;
      padding: 10px 5px 10px 10px;
      border-radius: 3px;
      box-shadow:1px 3px 7px 0px #666666 ;
      }
      .article h2:after, .article h2:before {
      content: “”;
      position: absolute;
      top: 100%;
      height: 0;
      width: 0;
      }
      .article h2:after {
      left: 40px;
      border: 10px solid transparent;
      border-top: 10px solid #13b2c4;
      }
      .article h2:before {
      left: 40px;
      border: 10px solid transparent;
      border-top: 10px solid #ff6347;
      }
      .page-id-85 #main {
      margin: 0 auto;
      float: none;
      width: auto;
      text-align: left;
      border: 0px
      }
      .page-id-85 #header {
      display: none;
      }
      .page-id-85 #navi ul {
      display: none;
      }
      .page-id-179 #main {
      margin: 0 auto;
      float: none;
      width: auto;
      text-align: left;
      border: 0px
      }
      .page-id-179 #header {
      display: none;
      }
      .page-id-179 #navi ul {
      display: none;
      }
      .page-id-85 h1,
      .page-id-85 .entry-title, .page-id-85 .post-meta{
      display:none;
      }
      .page-id-179 h1,
      .page-id-179 .entry-title, .page-id-179 .post-meta{
      display:none;
      }

      モバイルCSS
      .page-id-85 h1,
      .page-id-85 .entry-title, .page-id-85 .post-meta{
      display:none;
      }
      .page-id-179 h1,
      .page-id-179 .entry-title, .page-id-179 .post-meta{
      display:none;
      }

      何かおかしいところなどありましたらご指摘いただけますと幸いです。

    • #26285
      アバター画像わいひら
      キーマスター

      申し訳ないですが、先のレスでも書いたように、実際のページURLからデベロッパーツールを利用してソースなどを見ないとわからないです。
      書き込んだCSS以外が原因であることも考えられるので。

      ただ、URLからソースをみたからといって、必ず原因がわかる保証はないです。

3件の返信スレッドを表示中
  • フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)