CSSで非表示にしてる投稿者名がスマホだけ表示される

♥ 0

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

このトピックには4件の返信、2人の参加者があり、最後に星乃みなみにより2年、 11ヶ月前に更新されました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)

投稿者

投稿
2021年12月9日 11:35 AM #93809
星乃みなみ
閲覧者

♥ 36
【お使いの 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

いいねをした人: 居ません
2021年12月9日 11:43 AM #93812
GONSY
参加者

♥ 841
こんにちは。

CSSを拝見しましたが、少し上に書かれているメディアクエリが以下の理由で閉じられていないのが原因と思います。
```
@media (min-width: 64em) {
.smb-section {
	padding-top:200px;
	padding-bottom:200px;
	}
｝
```
↑ 最後の}が全角になっているようです。
間に書かれたスタイルもこれにより適用できてないと思いますので、全角の混在がないか追加したCSSを見直してみてください。

♥ 1

いいねをした人:
2021年12月9日 12:02 PM #93817

星乃みなみ
閲覧者

♥ 36

GONSYさん　こんにちは

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

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

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

♥ 0

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

2021年12月9日 1:18 PM #93824
GONSY
参加者

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

良かったです。

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

どこの画像のことかわかりませんが、全角｝を修正したあとに発生しているなら、間に書かれていた以下
```
/* アイキャッチの幅を制限*/
.c-page-header__bgimage {
  margin: 0 auto;
  max-width: 1280px;
}
```
が原因ではないでしょうか？

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

♥ 1

いいねをした人:
2021年12月9日 1:22 PM #93825
星乃みなみ
閲覧者

♥ 36
ご指摘ありがとうございます
```
/* ホーム　特集 */
.c-entry-summary__figure {
	padding-top:200px;
	padding-bottom:200px;
	margin-bottom:2px;
}
```
が悪さをしてたようなのですが、このコードがどこに使われていたか
本番前に、特集のダミー記事を削除されてしまったので、検証ができない状況です

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

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

♥ 0

いいねをした人: 居ません
投稿者

投稿