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

メニューの副項目の矢印を消したい < SWELLに関する質問

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

メニューの副項目の矢印を消したい
 
通知
すべてクリア

[解決済] メニューの副項目の矢印を消したい

7 投稿
2 ユーザー
2 Likes
1,304 表示
junjun
(@junjun)
Active Member
Topic starter
 

お世話になっております。

メニューの副項目に表示される矢印(>)を消して文字を左に寄せたいです。

.c-gnav .sub-menu li

で処理するであろうまでは分かったのですが、どう消せばいいのか分かりませんでした。

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

 
投稿済 : 09/12/2020 11:48 pm
しらこ
(@96ssbike)
Prominent Member
 

こんにちは…!

設定項目にない・「CSSを教えてください」ということについては、ほぼご要望に値しますので基本的に積極的に回答はしていません。
一箇所だけCSSのヒントを提示します。これだけでは対処できなくて、あともうひとつあります。
あとはご自身で勉強して欲しいかなと思っています。

にゃーん .

 
投稿済 : 10/12/2020 1:11 am
junjun
(@junjun)
Active Member
Topic starter
 

しらこ様

ヒントを教えて頂きありがとうございます。大変勉強になりました。

よく分からなかったので、

.c-gnav .sub-menu a::before {
    top: -1000px!important;
    left: -1000px!important;
}

で遥か彼方に飛ばして、

.c-gnav .sub-menu li{
text-indent: -20px;
}

で無理やり左に寄せて対応します。

 
投稿済 : 10/12/2020 3:34 am
しらこ
(@96ssbike)
Prominent Member
 

そこまで頑張っていただいたので、せっかくなので答えも渡しておきますね。
2つ目のpadding-leftはデフォルトが2emなのですが、たぶん1emくらいが適切です(0にすると、末端まで左寄せになります)。

.c-gnav .sub-menu a::before {
display:none;
}
.c-gnav .sub-menu a {
padding-left: 1em;
}
This post was modified 3年前 by しらこ

にゃーん .

 
投稿済 : 10/12/2020 7:37 am
junjun
(@junjun)
Active Member
Topic starter
 

しらこ先生様。

答えまで頂き大変恐縮です。

display:none;で消せば良かったんですね。。。。

詳しく教えて頂きありがとうございました。

感謝感謝です。

 
投稿済 : 10/12/2020 9:01 am
しらこ reacted
しらこ
(@96ssbike)
Prominent Member
 

煩わしくて、すみません。笑

基本的にCSSカスタマイズはSWELLの無料サポート外なのですが、しかしこうやって試そうとしていただけると嬉しくなりますね 😊 

案外短く済んで少し驚かれたかもしれませんが、そこまでご理解いただけているのでしたら、よく見れば書いてあることは「なるほど」と十分思えるかなと思います。

にゃーん .

 
投稿済 : 10/12/2020 4:07 pm
junjun
(@junjun)
Active Member
Topic starter
 

CSSのカスタマイズは無料サポート外だったんですね。

利用規定をしっかり読んでいませんでした。

それなのにお教えいただき、本当に感謝しています。

 
投稿済 : 10/12/2020 9:38 pm
しらこ reacted
共有: