[choko]

【お使いの Snow Monkey のバージョン】バージョン: 15.18.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 13.7.3
【お使いの Snow Monkey Editor のバージョン】バージョン 6.2.1
【お使いのブラウザ】
【当該サイトのURL】

返信が遅くて大変申し訳ありません。
前回のメニューの下に文字を入れるやり方教えていただきありがとうございます。
できれば、メニューを下記のように実現したく、今一度教えていただいてもよいでしょうか。

 

### 実現したいこと

・メニューのアイコンフォントを横並びではなく、文字の上に中央揃えで配置したい。
・メニューの下に文字を入れたい。

### 発生している問題

### 試したこと

ヘッダーレイアウト：1行
グローバルナビゲーション：右

で使っています。

.fas{display:block!important;}

ではダメでした。

またもし横並びでアイコンフォントを使う場合、アイコンと文字の間、
右側に余白を3px入れたいです。

.fas{margin-right:3px;!important;}

で動きませんでした。

●アイコンですが、グーグルフォントを使用しています。
メニューのナビゲーションラベルで

<i class=”fas fa-home”></i> トップページ

これで表示させています。
よろしくお願いいたします。

♥ 0

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

[まーちゅう]

<br>で改行するのが簡単だと思います。
配置はCSSで。

♥ 1

いいねをした人:

[choko]

教えていただきありがとうございます。

これ、すでに試したのですが<br>いれても動かないんです。

 

他に何か方法はございますか？
snow-monkeyのテーマだから・・・ではなく、WordPressの仕様なんでしょうか。
つまり、実現は不可能ということですか。

♥ 0

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

[キタジマ タカシ]

<br> を追加したあとに、追加 CSS に下記を追加するとどうでしょうか？

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

♥ 0

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

[choko]

出来ました！！！すごい！！！！
いつも本当にありがとうございます。

♥ 1

いいねをした人:

[投稿者]

投稿