Два месяца назад я использовал Xenforo и сказал: «Хватит».
Discourse вызвал у меня огромный восторг. Я не могу передать, насколько я влюбился в тему в стиле Reddit. Мне казалось, что я наконец-то нашёл то, что искал.
Но я не очень профессионален и не смог внести желаемые изменения в течение месяца.
Я хочу, чтобы эта трёхколоночная тема выглядела как Twitter (потому что я привлекаю участников из Twitter). Поэтому три центрированные колонки должны быть равноудалены друг от друга. Я имею в виду узкий дизайн.
Мое сообщество находится здесь: https://hayp.net/. Как сделать эти три центрированные колонки адаптивными? Благодарю вас за советы!
Сейчас, когда я просматриваю ваш сайт, три колонки являются адаптивными.
Но если вы хотите, чтобы три колонки сжимались на месте при уменьшении ширины окна (за исключением мобильных устройств, конечно), вы можете попробовать следующее:
/* Контейнер для удержания 3 колонок */
#main-outlet-wrapper {
display: flex;
justify-content: space-between;
gap: 20px; /* При необходимости измените пространство между колонками */
}
/* Каждая колонка */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
flex: 1;
padding: 10px;
background-color: #f4f4f4; /* Светлый фон для наглядности */
border: 1px solid #ddd; /* Опциональная граница */
box-sizing: border-box; /* Убедитесь, что отступы включены в ширину */
}
@media (max-width: 768px) {
/* Стек колонок на экранах меньшего размера */
#main-outlet-wrapper {
flex-direction: column;
}
}
Мне не удалось сделать страницу темы именно так, как я хотел. В теме, похожей на Reddit, правильная боковая панель не отображается на странице темы. Как можно показать её как в Twitter? @awesomerobot
Большое спасибо за помощь!
