会員サイトをリニューアルしました! 新サイトはこちら

グローバルメニューのアイコンの位置 < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

グローバルメニューのアイコンの位置
 
通知
すべてクリア

[解決済] グローバルメニューのアイコンの位置

4 投稿
2 ユーザー
3 Likes
1,064 表示
marukome40
(@marukome40)
Trusted Member
Topic starter
 

お世話になっております。
下記のデモサイトではメニューの左にアイコンがありますが、メニューの上にアイコンを持ってくる方法はCSSしかないでしょうか?
https://demo.swell-theme.com/demo04/
メニューの説明欄にショートコードを書いてCSSで上に持ってくるように位置調整したのですがうまくいきませんでした。

お手数をおかけしますがご教示いただけると助かります。

 
投稿済 : 09/07/2021 7:41 am
しらこ
(@96ssbike)
Prominent Member
 

一番簡単な方法ですが(いい線まではいけていると思うので)、

  1. メニューのナビゲーションラベルにアイコンのショートコードのみ貼る
  2. 説明欄にメニューに書きたい内容を書く
  3. 各フォントサイズを(ナビゲーションラベルおよび、説明欄をそれぞれ)CSSで調整

というのではいかがでしょうか。

それであれば、メニューが下で、アイコンが上にくるというのが難しいことしなくてもできるかなーと思いまして。

(CSSは基本的にサポート範囲外なので、ぜひチャレンジしてみてください)

This post was modified 3年前 2回 by しらこ

にゃーん .

 
投稿済 : 09/07/2021 8:34 am
marukome40
(@marukome40)
Trusted Member
Topic starter
 

@96ssbike

あ、こんなにかんたんにできたのですね。難しいことをしようとしてました。。

ありがとうございました!

 
投稿済 : 09/07/2021 10:11 am
しらこ reacted
しらこ
(@96ssbike)
Prominent Member
 

@marukome40 解決して良かったです!シンプルに考えましょう!笑

メニューには画像など(HTMLタグ)も貼れますので、ぜひお試しください~🙏

This post was modified 3年前 by しらこ

にゃーん .

 
投稿済 : 09/07/2021 10:58 am
共有: