Hace 2 meses estaba usando Xenforo y dije “basta”.
Discourse me generó una gran expectación. No puedo expresar cuánto me enamoré del tema estilo Reddit. Pensé que había encontrado el amor que buscaba.
Pero no soy muy profesional y no pude hacer el cambio que quería en 1 mes.
Quiero que este tema de 3 columnas se parezca a Twitter (porque obtengo mis miembros de Twitter). Así que las 3 columnas centradas deberían estar equidistantes. En realidad, estoy hablando de un diseño estrecho.
Mi comunidad está aquí https://hayp.net/ y ¿cómo puedo hacer que las 3 columnas centradas sean responsivas? Les doy un beso a todos por sus consejos. ¡Gracias!
Según veo tu sitio ahora mismo, las tres columnas son responsivas.
Pero si lo que quieres es que las 3 columnas se encojan en su sitio a medida que estrechas la ventana (excepto en móvil, por supuesto), podrías probar esto:
/* Contenedor para mantener las 3 columnas */
#main-outlet-wrapper {
display: flex;
justify-content: space-between;
gap: 20px; /* Ajusta el espacio entre columnas si es necesario */
}
/* Cada columna */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
flex: 1;
padding: 10px;
background-color: #f4f4f4; /* Fondo claro para visibilidad */
border: 1px solid #ddd; /* Borde opcional */
box-sizing: border-box; /* Asegura que el padding se incluya en el ancho */
}
@media (max-width: 768px) {
/* Apila las columnas en pantallas más pequeñas */
#main-outlet-wrapper {
flex-direction: column;
}
}
No pude hacer que la página de Tema fuera exactamente como quería. En el tema estilo Reddit, la barra lateral derecha no se muestra en el Tema. ¿Cómo puedo mostrarla como Twitter? @awesomerobot
Muchas gracias por tu ayuda.
