Он растягивается вправо. Я не думаю, что это связано с моим CSS, так как я отключил всё, и проблема всё ещё сохраняется — элементы не переносятся корректно.
Из-за Условий использования и Политики конфиденциальности.
Похоже, что в меню присутствуют и Руководство, и FAQ — именно это, вероятно, вызывает переполнение. Если я добавлю FAQ на свой сайт, происходит то же самое.
Небольшое дополнение CSS может помочь переносить строки:
.nav-pills {
flex-wrap: wrap;
}
Уменьшение gap для .nav-pills также может немного помочь.
(Это был всего лишь быстрый тест с использованием инструментов разработчика браузера. Возможно, вам потребуется сделать селекторы более конкретными, если вы не хотите затрагивать .nav-pills в других местах.)
1 лайк
Да, похоже, что в будущем это нужно будет исправить, чтобы не добавлять кучу CSS для решения этой проблемы.
Без большого количества CSS это сильно ломает множество других элементов в других меню.
Разве FAQ теперь не Guidelines?
1 лайк
По умолчанию у вас теперь есть руководства вместо раздела «Часто задаваемые вопросы», но даже до этого изменения их можно было разделить:
Проблема с пробелом на мобильных устройствах возникает даже без дополнительных ссылок, в зависимости от языка интерфейса. Я сообщил об этом в 2022 году, но это не было учтено в редизайне 2024 года:
2 лайка
Я использую Руководство по правилам, и у меня есть собственная страница часто задаваемых вопросов.
Просто заметка: для тех, кто использует самохостинг, изменение переименования FAQ в Руководства в настоящее время требует включения скрытой настройки, и в настоящее время ведется работа по обновлению документации.
2 лайка
Все настройки, управляемые разделом «Предстоящие изменения», являются скрытыми настройками сайта. Однако, в отличие от большинства скрытых настроек, которые нужно включать через консоль, эти можно включить прямо в интерфейсе по адресу /admin/config/upcoming-changes.
3 лайка