バナーリンクを縦ではなく横に表示させる方法はありますか？よろしくお願いします！
「いいね！」 4
「いいね！」 4
どうもありがとうございます。なぜか気づきませんでした。完璧に動作します！
「いいね！」 4
「いいね！」 5
小さな画面でバナーの表示を低くカスタマイズする方法のコード例を以下に示します。
これは、テーマのカスタマイズの mobile タブに配置してください！
// ウェルカムバナーを小さな画面サイズに適応させる
.below-site-header-outlet.welcome-link-banner-connector {
.welcome-link-banner-wrapper {
background-image: url($mobile-banner-bg);
background-size: cover;
.welcome-wrapper {
.featured-banner-link {
flex-direction: row;
padding-bottom: 0.5em;
>div a {
padding: 0 5px;
h3 {
font-size: 0.75em;
white-space: normal;
}
}
}
}
}
}
必要に応じて調整してください（そのため、「空の」SCSSネストがあります）。
現状では、私の現在のプロジェクトではこのようになっています。
編集：@Moin が私の変更点を言及する方が早かった…ブラボー:clap: 
「いいね！」 11
これは、ウェルカムバナーのモバイルでの表示を大幅に改善するものです。昨日、私のサイトに新規ユーザーがモバイルからサインアップするのを見ましたが、バナーのサイズが大きかったためにつまずいてしまいました。基本的に、アクションを見るために下にスクロールする必要があることに気づきませんでした。そのため、より良いものを探していましたが、そのCSSスニペットは素晴らしいです。
background-image: url($mobile-banner-bg); は、フォークされたTCから持ち出したことが明らかだったので、削除する必要がありました。
@awesomerobot、このモバイル拡張機能をテーマコンポーネントに追加するPRを検討していただけますか？
「いいね！」 6
PRはいつでも歓迎します
「いいね！」 3
Hi @awesomerobot、今のところPRを見ていないので、@Canapinが行った機能強化を追加し、2つのロケールを追加したPRを作成しました。
「いいね！」 6
確認したところ、@team のリクエストに従ってロケールの変更を削除したことがわかりました。しかし、PR はクローズされたため、新しい PR を作成しました。
「いいね！」 6
素晴らしい！いつマージされると思いますか？
「いいね！」 2
よくわかりません — @awesomerobot、私のPRは大丈夫ですか？
「いいね！」 5
これで良さそうです。マージしました。ありがとうございます！
「いいね！」 6
素晴らしい！しかし、縦向きアイコンの問題はタブレットでも発生するため、モバイル用のカスタムCSSを使用すると、画面サイズが小さすぎます。残念ながら、DiscourseのカスタムCSSではタブレットを対象にできません。私の解決策は、次のテキストを共通のカスタムCSSタブに入れることでした。
また、タブレット表示で右側に不要なスペースが発生する問題も修正し、リンクのフォントサイズを1emに増やしました。
@media (max-width: 768px) {
.below-site-header-outlet.welcome-link-banner-connector {
.welcome-link-banner-wrapper {
background-size: cover;
.welcome-wrapper {
.welcome-content {
> p {
max-width: initial;
}
}
.featured-banner-link {
flex-direction: row;
padding-bottom: 0.5em;
> div a {
padding: 0 5px;
h3 {
font-size: 1em;
white-space: normal;
}
}
}
}
}
}
}
「いいね！」 3
この情報ありがとうございます！
モバイル版のテーマコンポーネントにはプルリクエストを送信しませんでした。様々な構成でテストしていなかったからです。そして、あなたのメッセージは、モバイルコードが実際に追加作業を必要とすることを示しています 
「いいね！」 3
このトピックは801日後に自動的にクローズされました。返信はもうできません。