Pregunta sobre OceanWP de Wordpress:

¿Barra lateral receptiva?

Un usuario preguntó 👇

Estoy usando un tema OceanWP (con Elementor, pero no creo que sea relevante para esta pregunta).

He creado varias páginas con una barra lateral izquierda que contiene un conjunto de elementos de menú heredados de los subelementos del menú de navegación de página. Muestro perfectamente en una ventana de escritorio. Sin embargo, cuando reduzco la ventana del navegador a las dimensiones de una tableta o teléfono móvil, la barra lateral se muestra debajo del contenido. Obviamente esto no es muy útil. Por el contrario, mostrarlo por encima del sujeto interferiría con la legibilidad. La página de referencia es un ejemplo de lo que sucede.

¿Hay alguna forma en OceanWP (quizás con la ayuda de un plugin?) Para controlar dónde se muestra la barra lateral, o incluso cambiar a algo como un menú de hamburguesas, o algo que se pueda introducir desde un lado?

¡Agradeceríamos cualquier ayuda o sugerencia que pueda brindar!

¡Gracias!

(@apprimit)

Hace 1 año, 10 meses

Hola,

No entendí tu pregunta con claridad. ¿Puedes compartir una captura de pantalla para que la entienda y te ayude a solucionarla?

(@bryanhiggs)

Hace 1 año, 10 meses

Navegue hasta la URL que proporcioné y búsquela en un teléfono móvil o tableta, o búsquela en el navegador de una computadora y cierre la ventana del navegador. De cualquier manera, verá que la barra lateral se mueve debajo del contenido de la página.

(@apprimit)

Hace 1 año, 10 meses

Bien, visité su sitio en el teléfono móvil y se muestra debajo del contenido de la página. ¿Quieres mostrarlo encima del contenido de la página, verdad? Vaya a Personalizar> Blogs> Publicación única y seleccione la barra / diseño de contenido. Para más personalización, como agregar un botón de hamburguesa, debe consultar a un desarrollador.

(@bryanhiggs)

Hace 1 año, 10 meses

Gracias. Intenté eso, pero no funcionó. El menú de la barra lateral todavía se muestra después del tema.

Tenga en cuenta que estoy usando páginas, no publicaciones.

(@apprimit)

Hace 1 año, 10 meses

Hola,

¿Ha publicado la configuración después de seleccionar una barra lateral / diseño de contenido? Todavía muestra una barra de contenido lateral en el código fuente.

(@bryanhiggs)

Hace 1 año, 10 meses

Publiqué la configuración. Cuando vuelvo a Personalizar> Blog> Publicación única, en Comando móvil lateral, muestra «Barra lateral / Contenido».

No entiendo por qué cambiar esto en Blog> Publicación única afectaría el comportamiento de la página. Algo que no parece.

(@apprimit)

Hace 1 año, 10 meses

¿Puede elegir este diseño y avisarme para que pueda verificarlo en vivo en su sitio web?

(@bryanhiggs)

Hace 1 año, 10 meses

No entiendo. Dije que ya seleccioné este diseño («Barra lateral / Contenido») en el Comando lateral móvil. Puedes ver en la pagina https://play.uucm.org/about-us/beliefs-and-values/ agrega la barra lateral después del contenido cuando reduce la ventana del navegador. Esta página no parece afectar a «Barra lateral / Contenido» en el Comando móvil lateral (no es una publicación).

(@apprimit)

Hace 1 año, 10 meses

Muestra 404 páginas no encontradas. ¿Puede vincular a una página válida?

(@bryanhiggs)

Hace 1 año, 10 meses

Lo siento, cambié el enlace permanente por otras razones. Intentalo https://play.uucm.org/about-us/our-mission/

Gracias

(@apprimit)

Hace 1 año, 10 meses

Hola,

Agregue el código a continuación a la sección Personalizar> Personalizar CSS y verifique si funciona o no.

@media only screen and (max-width: 959px) {
div#content-wrap {
    display: flex;
    flex-direction: column-reverse;    
}
aside#right-sidebar {
    margin-bottom: 15px;
}
}

(@bryanhiggs)

Hace 1 año, 10 meses

Gracias. Esto hizo que la barra lateral apareciera primero.

Estoy confundido acerca de una cosa: has diseñado a un lado #bar lado derecho, pero ¿mi barra lateral es una barra lateral izquierda?

(@apprimit)

Hace 1 año, 10 meses

aparte # la barra lateral derecha es la barra lateral predeterminada. Aparecerá una barra lateral izquierda cuando seleccione ambos estilos de barra lateral.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.