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!
-
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
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
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
El debate ‘web que deja de ser adaptable a moviles’ está cerrado a nuevas respuestas.