[スズキカナ]

【お使いの Snow Monkey のバージョン】バージョン: 14.2.2
【お使いの Snow Monkey Blocks のバージョン】バージョン 11.3.1
【お使いの Snow Monkey Editor のバージョン】バージョン 5.0.6
【お使いのブラウザ】Google Chrome
【当該サイトのURL】

### 実現したいこと

↓こちらのサイトと同じようなヘッダーにしたい（アイコンとメニューテキストを縦に並べたいです）

えびす保育園

大阪市住之江区えびす保育園は0歳児から5歳児までの保育園です。

ebisuhoikuen.com

### 発生している問題

グローバルナビゲーション設定でメニューテキストのみの設定で止まっています

### 試したこと

アイコンとメニューテキストを別に設定しようと試みたができませんでした・・・

よろしくお願いいたします。

♥ 0

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

[GONSY]

【外観】→【メニュー】の設定画面で、ナビゲーションラベルにコード書いて、CSSを追加してみてください。

ナビゲーションラベル
<i class="fas fa-home fa-2x"></i><span class="label">ホーム</span>

アイコンはここで探してみてください

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

<i class="fas fa-home"></i>の部分がコピーできます。
<i class="fas fa-home fa-2x"></i>とfa-2xを追加すると大きくなると思います。

CSS

.p-global-nav .c-navbar__item a span {
  display: block;
}

お試しください。

♥ 6

いいねをした人:

[スズキカナ]

GONSY様

無事に完成いたしました！

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

♥ 1

いいねをした人:

[投稿者]

投稿