[星乃 みなみ]

【お使いの Snow Monkey のバージョン】バージョン: 15.16.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 13.4.0
【お使いの Snow Monkey Editor のバージョン】バージョン 6.2.1
【お使いのブラウザ】chrome
【当該サイトのURL】https://ao-navi.com/%E7%89%B9%E9%9B%86%E4%B8%80%E8%A6%A7/

### 実現したいこと

投稿者名を非表示にしたい

### 発生している問題

CSSで投稿者名を非表示にした（PC）のだけど、スマホだけ表示されてしまう

### 試したこと

.c-meta__item--author {
　　　display:none !important;
}

importantをいれてみた

@media screen and (min-width:320px) {
.c-meta__item--author {
　　　display:none !important;
　　}
}

スマホだけメディアクエリーで当ててみた

いずれもうまくいきません
なにか根本的にまちがえてますでしょうか

よろしくお願いします！

♥ 0

いいねをした人: 居ません

[GONSY]

こんにちは。

CSSを拝見しましたが、少し上に書かれているメディアクエリが以下の理由で閉じられていないのが原因と思います。

@media (min-width: 64em) {
.smb-section {
	padding-top:200px;
	padding-bottom:200px;
	}
｝

↑ 最後の}が全角になっているようです。
間に書かれたスタイルもこれにより適用できてないと思いますので、全角の混在がないか追加したCSSを見直してみてください。

♥ 1

いいねをした人:

[星乃 みなみ]

GONSYさん　こんにちは

早速のご指摘ありがとうございます
確かに全角になっていました。

修正したところ、投稿者は消えたのですが
画像がなぜか縦長にひずんでしまいました

何が原因だったかわかりますでしょうか

♥ 0

いいねをした人: 居ません

[GONSY]

早速のご指摘ありがとうございます
確かに全角になっていました。

良かったです。

修正したところ、投稿者は消えたのですが
画像がなぜか縦長にひずんでしまいました

どこの画像のことかわかりませんが、全角｝を修正したあとに発生しているなら、間に書かれていた以下

/* アイキャッチの幅を制限*/
.c-page-header__bgimage {
  margin: 0 auto;
  max-width: 1280px;
}

が原因ではないでしょうか？

解消されないようであれば、ご自身で追加したCSSをいったん無効にして、【画像が縦長にひずむ現象】が発生しなければ、原因は追加したCSSにあると思いますので、適宜調整してください。

♥ 1

いいねをした人:

[星乃 みなみ]

ご指摘ありがとうございます

/* ホーム　特集 */
.c-entry-summary__figure {
	padding-top:200px;
	padding-bottom:200px;
	margin-bottom:2px;
}

が悪さをしてたようなのですが、このコードがどこに使われていたか
本番前に、特集のダミー記事を削除されてしまったので、検証ができない状況です

公開はできるようになりましたので、いったんコメントアウトしたままにして
特集に記事が入ってきた時にどのように動作するかを試してみます

ありがとうございました！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿