-
投稿者投稿
-
2020年5月17日 3:10 PM #51380
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】 10.4.7
【お使いのブラウザ】 googlechrome
【当該サイトのURL】 https://cosmos-care.jp===
いつもお世話になりありがとうございます。
グローバルメニューに画像を入れたく、またhover画像も設定できるのでプラグイン(Menu Images)を使用しました。
プラグインでメニューの文字位置(画像の上下右左)の設定ができるのですが、『下』にしたいのですが、右表示になってしまいます。
SnowMonkey側でメニューの高さの調整が必要ですか?・・・
また、文字修飾がない細い文字にしたいのです。スクロールしてメニューが1行となった場合に、ロゴを左端に表示したい!
と考えています。カスタマイズで修正できれば、お教えいただくことは可能でしょうか?
♥ 0いいねをした人: 居ません2020年5月18日 10:01 AM #51404現在は「下」の設定になっていますかね?
メニューの高さの調整というよりは、Snow Monkey のメニューの CSS と干渉しているのだと思うので、その干渉を緩和する CSS を追加する感じになると思います。
スクロールしてメニューが1行となった場合に、ロゴを左端に表示したい!
と考えています。通常時は「画像が上・テキストが下」、スクロールしてでてくるメニュー(ドロップナビゲーション)は「画像が左・テキストが右」にしたいということでしょうか?
♥ 1いいねをした人: 居ません2020年5月18日 9:39 PM #51462キタジマさん
お世話になりありがとうございます。
分かりにくい内容で失礼しました。
下の画像のようにしたいのです。
プラグイン側の設定は下にしています。CSSの知識が乏しくいつも壊してしまって。。。
可能でしたら、よろしくお願いいたします。
♥ 0いいねをした人: 居ません2020年5月19日 11:08 AM #51486あ、なるほどです。わかりやすい画像ありがとうございます!
・アイコンの下に文字がはいるようにしたい
・スクロールしてメニューが1行となった場合に、ロゴを左端に表示するの2つですね。かってに混同して考えてしまっていました。1トピック1要件にしたほうが同様のカスタマイズをしたい人にとってもわかりやすいので、お手数おかけいたしますが「スクロールしてメニューが1行となった場合に、ロゴを左端に表示する」については別にトピックを立てて頂けますか?
「アイコンの下に文字がはいるようにしたい」については検証して、ここに CSS を貼るようにしますね。
♥ 0いいねをした人: 居ません2020年5月19日 11:13 AM #51488こんな感じでどうでしょう? カスタマイザー → 追加 CSS に追加してみてください。
.p-global-nav .c-navbar__item > a > span { display: block; }
♥ 0いいねをした人: 居ません2020年5月19日 8:59 PM #51521キタジマさん
css追加させていただき、icon下に文字の設定ができました!!!
ありがとうございました。
「スクロールしてメニューが1行となった場合に、ロゴを左端に表示する」
は、再度トピックを作らせていただきます。
本当にありがとうございました!
♥ 1いいねをした人: 居ません2020年5月19日 9:03 PM #51522投稿いただいたCSSで、解決しましたのでトピックを閉じさせていただきます。
お世話になりました!♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「グローバルナビケーションへ画像を挿入(プラグイン使用して)した場合の調整」には新しい返信をつけることはできません。