No muestra menús y otros en versión móvil

  • Resuelto myanesp

    (@myanesp)


    hace 5 años, 1 mes

    ¡Buenas a todos!

    En primer lugar, gracias de antemano por la ayuda que me puedan ofrecer.

    El tema de esta consulta es el siguiente. Soy el administrador del blog citado (Tripticum), y usamos ‘Rowling’, desde que empezamos en wordpress.com (aquí lo que queda). Cuando, hace alrededor de un mes, decidimos migrar a wordpress.org, todo fue bien, sin ningún tipo de problema técnico aparente (todo bien copiado y migrado). Pero a medida que pasaban los días y publicamos más contenido, nos dimos cuenta de dos problemas:

    • El menú social (con iconos de redes) y el menú secundario (con las páginas ‘Conócenos’ y ‘Contáctanos’ no se muestran en la versión móvil/tablet:
      screenshot 1
    • La información del autor/a que aparece al final de cada publicación, con su foto y su biografía, en la versión móvil/tablet no aparece la imagen, pero sí la biografía, como verán aquí: screenshot 2

    Básicamente, los dos problemas radican en la versión responsive del tema. Como ya dije antes, esto es un problema que solamente pasa en la versión de ‘Rowling’ en wordpress.org, pues no teníamos estos fallos en la versión wordpress.com. Intenté contactar con el desarrollador por email, sin éxito, y la respuesta que me dio a través de Twitter fue la siguiente:

    Hi! There are some differences in behavior between the .org and the .com versions. You can hire someone to modify the .irg version if you want to change what is displayed at different screen sizes.

    (aquí pueden ver el tuit)

    En los ajustes del tema, por ningún lado (lo he revisado varias veces, por lo que descarto que esté ahí) encuentro esos ajustes, así que di por hecho que lo que había que hacer era modificar código. Tengo conocimientos básicos de código, bastante ‘cortitos’, pero he intentado buscar en todos los .php del tema para intentar encontrar la línea que evitaba que se mostrase esto en la versión móvil, pero no he dado con ella. ¿Alguno podría ayudarme, al menos indicar dónde se encuentra para intentar cambiarlo?

    Gracias de nuevo, ¡saludos!

    • Este debate fue modificado hace 5 años, 1 mes por almendron.
    • Este debate fue modificado hace 5 años, 1 mes por almendron.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador LGrusin

    (@lgrusin)

    hace 5 años, 1 mes

    En el archivo style.css tienes:

    @media ( max-width: 850px ) {
.top-nav { display: none; }
}

    Comprueba que sea eso lo que oculta la barra superior.

    Podrías solucionarlo si en el menú Apariencia – Personalizar – CSS adicional añades lo siguiente:

    @media ( max-width: 850px ) {
.top-nav { display: inherit; }
}
    • Esta respuesta fue modificada hace 5 años, 1 mes por LGrusin.
    Moderador almendron

    (@almendron)

    hace 5 años, 1 mes

    El propio desarrollador te ha dado la respuesta. La plantilla en .com es distinta que la que se puede descargar para .org

    De hecho, he realizado una prueba y tanto el menú secundario con el social desaparecen cuando la pantalla se reduce.

    Me temo que solo el desarrollador de la plantilla o un profesional podrían resolver el problema.

    Iniciador del debate myanesp

    (@myanesp)

    hace 5 años, 1 mes

    Querido @lgrusin, el código que me aportaste me solucionó el problema de los menús en la versión móvil, ¡gracias!

    Ahora sigo indagando para lograr que también se muestre en la versión responsive la foto del autor.

    Gracias a ambos por la respuesta.

    Iniciador del debate myanesp

    (@myanesp)

    hace 5 años, 1 mes

    Actualizo:

    El código que tengo en el .css actualmente es:
    .post-author img { display: none; }

    Y, a espejos del código propuesto por @lgrusin, cambié ‘none’ por ‘inherit’:
    .post-author img { display: inherit; }

    El problema es que muestra la imagen, pero en medio del texto, dificultando la lectura.

    Saludos.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘No muestra menús y otros en versión móvil’ está cerrado a nuevas respuestas.