Soporte » Guías – Resolución de problemas » web que deja de ser adaptable a moviles

  • Buenas! es mi primera pregunta en el foro. Soy basicamente diseñador gráfico, pero estoy empezando a dar mis primeros pasos con la creación de páginas en wordpress (antes las hacía en html sin problemas via dreamweaver). De hecho llevo el mantenimiento de algunas, y es en ese caso donde me he encontrado con un problema

    Los clientes de http://www.peluqueriasalem.com me pidieron unos cambios. La web se basa en la plantilla SpaLab, y no la hice yo, solo las modificaciones posteriores. El caso es que tenía que añadir un nuevo link en la cabecera y se me descuadraba todo, se me ponía el menú en dos líneas. Me aconsejaron que modificara el tamaño de los menus en el css y así lo hice, con el plugin Slim Jetpack. Unicamente cambié el tamaño de la letra.

    El caso es que no se si por esa causa o por algo distinto me llaman esta mañana y me comunican que la web no se ve en los móviles. Compruebo y es cierto, no aparece el desplegable de los menús, y si en la pantalla del ordenador disminuyes la resolucíón el contenido se corta.

    Imagino, y lo pregunto porque es un proyecto heredado, que ha sido al tocar los css, pero no estoy seguro. ¿hay alguna comprobación que pueda hacer para saber qué ha ocurrido?

    Gracias!

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

    (@lgrusin)

    Se descuadra porque no caben más elementos en ese menú. Puedes reducir el tamaño de la letra o intentar ponerlo en otra parte del sitio o arriba en la barra superior.

    Por móvil se ve bien, lógicamente no caben todos los elementos en un menú horizontal, salen en vertical.

    Un saludo

    Gracias por la respuesta! acabo de solucionar el que no se viera en el movil, desactivando el plugin slim-jetpack, que era el que daba el problema, por eso la ves bien. Ahora tengo que volver a retocar el css con algun plugin que no me de problemas. ¿hay alguno que sea mas fiable? ¿o como puedo moficiar css sin necesidad de uno, modificando directamente el código? Me recomendaron en su dia hacerlo con el plugin

    Gracias

    • Esta respuesta fue modificada hace 4 años, 1 mes por michj.
    Moderador LGrusin

    (@lgrusin)

    Para eso no hace falta plugins, reduce el ancho del logo y amplía el ancho de #main-menu puedes ponerlo a 90%. De esta manera te caben todos los elementos, eso si, no añadas más al menú superior.

    Un saludo

    El problema es que no encuentro donde hacer modificación alguna a la cabecera, por eso tuve que ir a tocar los css. Los cambios que propones ¿son sobre el código? las opciones de plantilla no contemplan esa posibilidad. El autor de la web me propuso hacer los cambios sobre las hojas de estilo, lo que no recuerdo (esto fue antes de vacaciones) es por qué las hice mediante un plug-in, supongo que lo leí en algun foro.

    En caso de cambiar los css a pelo, sin plugin, ¿como puedo acceder al código? mis menús son estos

    http://i65.tinypic.com/2mi3myt.png

    • Esta respuesta fue modificada hace 4 años, 1 mes por michj.
    • Esta respuesta fue modificada hace 4 años, 1 mes por michj.
    Moderador LGrusin

    (@lgrusin)

    Eso lo haces en el archivo style.css del tema. Puedes hacerlo desde el propio menú de Apariencia – Editor. Aunque es mucho más cómodo si lo descargas por FTP y trabajas desde tu PC. Una vez realizados los cambios lo vuelves a subir.

    #logo {
        float: left;
        display: inline;
        padding: 0;
        width: 20%;
        margin: 10px 0 0;
    }
    
    #main-menu {
        float: right;
        line-height: normal;
        margin: 0;
        padding: 0;
        position: relative;
        width: 80%;
        z-index: 100;
    }

    El ancho (width) es lo que puedes intentar variar a ver si consigues que quepa todo en la misma línea.

    Un saludo

    • Esta respuesta fue modificada hace 4 años, 1 mes por Rafa Poveda. Razón: código

    Buenas! estoy en ello y tengo dos problemas: el primero, mi plantilla NO permite editar el css en Apariencia – Editor, porque la opción Editor no existe en ese menú. Por eso tuve que instalar un plugin para ver el css, que fue el que me eliminó los menús en la versión móvil

    Por otro lado he encontrado más de 30 archivos Style.css, no se cual modificar. Lo que estoy haciendo es buscar el código que me has pegado ahí hasta encontrarlo (en ello estoy). Pero ¿y si hubiera tenido que buscarlo yo? ¿Cual es el css por el que tengo que empezar para no volverme loco?

    Teniendo en cuenta esto es mas facil tirar de un plugin para esto, pero no entiendo por qué me interfiere con la funcionalidad de la página

    ¿qué haríais? Tened en cuenta que no soy programador, hago las cosas por imitación y rutinas pero no tengo la logica del programador

    Gracias!

    Moderador LGrusin

    (@lgrusin)

    Lo que puede ocurrir es que el usuario con el que estás accediendo no tenga permisos de Administrador, por eso no ves algunos menús.

    Puesto que usas spalab, el archivo style.css del tema está en la carpeta
    wp-content/themes/spalab/

    Un saludo

    Lo tengo, muchas gracias. Modificaré sólo ese archivo
    Un saludo!

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘web que deja de ser adaptable a moviles’ está cerrado a nuevas respuestas.