Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › モバイル表示時の固定ページのタイトルおよび更新日時の非表示について
-
投稿者投稿
-
-
2015年4月27日 8:38 PM #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に同じコードを書き込んでみたのですが、うまくいきませんでした。
お忙しいところ大変恐縮ですが、モバイルで反映させるようにするためには、どのようにしたらよろしいでしょうか?
ご教授いただけると幸いです。
-
2015年4月27日 10:03 PM #26252
わいひらキーマスター完全レスポンシブ機能がオンになっているとmobile.cssが読み込まれないということはあるかもしれません。
ただ、詳しい原因を見るには、実際のURLを見てみないことにはわからないかもしれません。個人の書き方のエラーや、カスタマイザーの設定により、いろいろ変わってくることもあるので。
-
2015年4月27日 11:06 PM #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;
}何かおかしいところなどありましたらご指摘いただけますと幸いです。
-
2015年4月28日 4:31 PM #26285
わいひらキーマスター申し訳ないですが、先のレスでも書いたように、実際のページURLからデベロッパーツールを利用してソースなどを見ないとわからないです。
書き込んだCSS以外が原因であることも考えられるので。ただ、URLからソースをみたからといって、必ず原因がわかる保証はないです。
-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。