[choko]

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

### 実現したいこと

メニュー同士の幅を狭くしたい

ヘッダのデザイン設定はこちらです。

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

♥ 0

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

[Olein_jp]

「実現したいこと」だけを書かれて「よろしくお願いいたします。」と言われてますが、このサポートフォーラムは、全ての Snow Monkey ユーザーのための共有知を蓄積するための場所であって、Snow Monkey カスタマイズの遠隔代行サービスではありません。

せめてトピックを作成する際にテンプレートにもある「#試してみたこと」の併記もお願いします。

♥ 1

いいねをした人:

[choko]

言葉が足りずにご迷惑をおかけして申し訳ありませんでした。
ご指摘いただき誠にありがとうございます。
今後は気を付けるようにいたします。

メニューの間隔の件ですが、最初表示されるときは広く、スクロールしてまた一番上に戻ると、メニューの間隔が狭くなります。
また、ブラウザの横幅を狭くして、また広げた場合もメニューの間隔が狭くなります。

別ページに飛ぶと、メニューの間隔が広くなります。

どっちつかずで気になるので、メニューの間隔を常に狭く表示させたいです。

※試したブラウザは　edge,Google Chrome,Firefoxです。

### 試したこと

CSSで余白を指定してみました。

.p-global-nav ul li{
  padding:2px!important;
  margin:2px!important;
}

### 発生している問題

まったく変化ありませんでした。
そもそもこのクラス名ではないのか、間隔の指定が間違っているのかが判断付きませんでした。

♥ 0

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

[Olein_jp]

まずは方法ですが、スクロールでメニューバーが切り替わる形だと、常設のメニューと追従のメニューそれぞれの見栄えを統一しないといけなくなります。

それはちょっと大変な作業になるので、ヘッダーを上部固定系に設定し、そちらで設定を進めるという方法もあるかと思います。

♥ 0

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

[キタジマ タカシ]

余白は li ではなく a に設定されているので、.p-global-nav ul li ではなくて .p-global-nav ul li a だとどうですかね？

♥ 0

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

[choko]

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

 

.p-global-nav ul li a　だったんですね。
これで広がったり、狭まったりしなくなったので、ストレスなくページが見れるようになりました。

♥ 1

いいねをした人:

[投稿者]

投稿