サイドバーヘッダーのドロップダウンに2列表示

最近のアップデートの後、サイドバーのヘッダー ドロップダウン バージョンが私のインスタンス(Minima テーマ)で 2 列表示されるようになりました。意図したものではないように思えます。

「いいね!」 2

余分な列は意図的なものですが(このコミットによる)、それほど狭いのは意図されていないと思います :thinking:

(cc @awesomerobot)

「いいね!」 3

今後数週間でサイトにドロップダウンサイドバーを展開します(まだレガシーハンバーガーメニューを使用しています)。レガシーメニューにより視覚的に似た2列表示が気に入っています。列幅はCSSコードでアクセスできますか?

テーマが古いメニューを1列に強制したため、新しいメニューとうまく連携しませんでした。そのため、ここで削除しました。

ご報告ありがとうございます @tomtjes

はい、追加した関連CSSは次のとおりです。

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

したがって、1列に戻すには、テーマで次のようにすることができます。

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  grid-template-columns: 1fr;
  // 列幅を編集したい場合は、`30% 70%` のようなこともできます。
  // または、3つの均等な列が必要な場合は `1fr 1fr 1fr`
}

または、メニュー全体をより広くしたい場合(列は自動的に調整されます)、次のようなことができます。

.hamburger-panel .revamped  {
   width: 500px;
}
「いいね!」 6

完璧です。迅速な修正と追加のご指示ありがとうございます!

「いいね!」 2

詳細をありがとう @awesomerobot :slightly_smiling_face:

「いいね!」 3

このトピックは4日後に自動的に閉じられました。新しい返信は許可されていません。