⬇️ ドロップダウンヘッダー

キーガンさん、これをボタンのように見せるために背景を追加しようとしているのですが、セキュリティ設定で非表示になっている複数のヘッダーリンクがある場合、非表示になっていたメニューの残骸が表示されてしまいます。これを回避する方法はありますか?よろしくお願いします!

編集:これはボタンのように見せるためにパディングを追加したことが原因だとわかりました。簡単な解決策がなければ、なくても構いません。

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 20px;
    border-radius: 5px;
    background: var(--tertiary);
}

image

編集2:
やはり、工夫が必要でした!

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 0px;
    border-radius: 5px;
    background: var(--tertiary);
}

.custom-header-links .top-level-links .custom-header-link-caret svg {
    padding-right: 10px;
}

.custom-header-links .top-level-links .custom-header-link-icon {
    padding-left: 10px;
}
「いいね!」 2

こんにちは、キーガンさん。以下の設定でセキュリティ機能を使用しようとすると、最後の2つのリンクが消えてしまいます。リンクを表示できる資格のあるアカウント(つまり、ユーザーグループ「company_staff」に属する)から表示した場合でも同様です。

私の使い方が間違っているのでしょうか?

よろしくお願いします。
@keegan


@kenjdarhan様

ヘッダーリンクIDが最後の2つのリンクで12を指しているようです。同じドロップダウンに表示させたい場合は、0にする必要があると思います。

こんにちは。Dropdown Headerコンポーネントを使用していますが、非常に使いやすく、大変役立っています。しかし、ドロップダウンメニュー内のリンクが新しいタブで開くようになれば、さらに良くなると思います。ご回答をお待ちしております。

「いいね!」 1

PR歓迎、またはスポンサーシップについてはお問い合わせください。

Font Awesome を使い始めたばかりで、アイコンが表示されず困っています。
これまでの状況は以下の通りです。どなたか助けていただけますでしょうか?

これら珍しいものをこのグローバル設定に追加しましたか?:

ああ、ありがとうございます。ずっと < i > フォーマットで追加していましたが、何も起こりませんでした。これでうまくいきました。

「いいね!」 2

こんにちは!

ウェブサイトへの代替ページへのリンクアイコン/ボタンの位置決めを可能にしたテンプレートのどの側面について説明していただけますか?
image

特にモバイルバージョンでのこれらのボタンの表示に魅了されました。モバイル版では、タイトルの上にアイコンの形で非常によく配置されています。

:+1:

「いいね!」 1

こんにちは、返信ありがとうございます :blush:

ウェブサイトのすべてのエリア(フォーラムを含む)間のナビゲーションをよりスムーズにするために、このレスポンシブナビバーを備えたHTMLコードを作成し、ドロップダウンコンポーネントを削除することにしました。

同じウェブサイトの一部であるこれらの他のページで見られるように、リンクをすぐにクリックできるようにするために、まったく同じコードを挿入しました :grin:

https://oii.francescomancuso.it/

https://oii.francescomancuso.it/risorse/

http://oii.francescomancuso.it/contest/

https://oii.francescomancuso.it/ranking/

「いいね!」 1

これを実際にどうやって修正するのですか?アイコンが表示されません :smiling_face_with_tear:

@merefield 素晴らしいコンポーネントです!

メニューリンクがモバイルデバイスに表示されません。リンクを右に配置すると、ケアアイコンが表示されますが、ドロップダウンリンクのみが表示され、メニューリンクは表示されません。何が足りないのでしょうか?

デスクトップビュー、モバイルビュー、現在の設定のスクリーンショットを添付しました。

モバイルビュー:

ご協力いただけると大変助かります!

ありがとうございます。

「いいね!」 1

こんにちは、@Joe_Nguyenさん。このコンポーネントをインストールしたところ、モバイルビューとデスクトップビューの両方で期待どおりに動作しています。もし可能であれば、コンポーネント設定の「Launch Editor」ボタンをクリックしたときのあなたの設定のスクリーンショットを投稿していただけますか?モバイルビューではもっと何かあるはずだと思うのですが、何が起こっているのかわかりません :thinking:

「いいね!」 2

リリーと同じで、私の方では問題なく動作しています。

Chromeのレスポンシブウィンドウを使用しているようですね。もしそうであれば、ページを少なくとも一度リロード(F5)してください。そうしないと、モバイルビューが表示されません。

フォーラムのURLに?mobile_view=1を追加することでも、モバイルビューを使用していることを確認できます。

「いいね!」 3

@Lilly 設定は以下の通りです。

@Arkshine - URLに?mobile_view=1を追加すると、ドロップダウン矢印が表示されます。

ありがとうございます!

「いいね!」 2

モバイルでデスクトップモードになっていませんか?

「いいね!」 1

こんにちは、@Lilly さん!モバイルでドロップダウンが表示されるようになりました。 :grinning: リンクを新しいウィンドウで開く方法を調べる必要があります。

「いいね!」 1

それは、スクリーンリーダーを使用しているユーザーが、リンクを新しいウィンドウやタブで開くようにオーバーライドすることによって悪影響を受けるため、ユーザーが設定/インターフェース設定でセットアップする傾向があるものです。

@Lilly @Arkshine、改めてご協力いただきありがとうございます!

「いいね!」 1

どういたしまして、お役に立てて嬉しいです。

@Arkshine が全ての作業を行いました。私はコメントを投稿しただけです LOL :laughing:

「いいね!」 2