[春]

【お使いの Snow Monkey のバージョン】バージョン: 14.1.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 11.1.0
【お使いの Snow Monkey Editor のバージョン】バージョン 5.0.4
【お使いのブラウザ】Chrome
【当該サイトのURL】ローカル開発環境

### 実現したいこと

トップページのみロゴを消し、その部分の余白を詰めたい

### 発生している問題

CSSで消せるかと思ったのですが、ヘッダーのデザインは各ページごとになっていないと気づき
どうすればトップページのみロゴが消えるのだろうと思いました…。

### 試したこと

追加CSSに

h1{
  display:none
}

と書いたところ消えました。このやり方で問題ないのでしょうか？
他にもこうやったほうが良いなどあればご教示頂きたいです。

♥ 0

Who liked: No user

[Olein_jp]

春 さん

トップページのみロゴを消したい

とのことですが、上記の情報ではコレという情報を提供することが難しいです。なぜなら、全てのブラウザ幅で消したいのか、ヘッダーのレイアウトは何を選択しているのかという情報を確認してからでないと、記述内容やHTML構造も変わってきてしまうからです。

ですので、まずは、

• 消したいのは全てのブラウザ幅？PCだけ？
• ヘッダーのレイアウトは何を選択しているか

という情報が必要かと思います。それが揃うと答えてくれる人も増えると思いますので良かったら追加情報をお願いします。

♥ 2

Who liked:

[キタジマ タカシ]

スクショや手書きのデザイン案を貼るとわかりやすいかも？

♥ 0

Who liked: No user

[春]

Olein_jpさん
キタジマ タカシさん

ご返信ありがとうございます。

トップページのみ以下のロゴとオレンジの箇所を狭めたいのです。。。
よろしくお願いいたします。

♥ 0

Who liked: No user

[キタジマ タカシ]

こんな感じですかね？

.home .l-header .c-site-branding {
  display: none;
}

♥ 0

Who liked: No user

[春]

キタジマ　タカシさん

ありがとうございます！
思い通りにできました。

♥ 1

Who liked:

[投稿者]

投稿