Soporte » WordPress Avanzado » CSS para adaptar web a tablets o móviles

  • Hola, estoy haciendo varias pruebas pero no termino de dar con la tecla para que mi web se pueda ver como en el escritorio, ya sea en los móviles o tablets.

    ¿Podrían ayudarme diciéndome qué css -si lo hacemos así- hay que utlizar en concreto y dónde ponerlo exactamente dentro del header?

    La web es ésta: http://cinemaunderground.net/

    Muchísimas gracias.

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Moderador Mariano Perez

    (@mpcdigital)

    He visitado la web desde mi móvil y veo que tienes instalado algún plugin que hace que el tema de la página cambie cuando se visita desde un dispositivo. Puede ser JetPack que tiene esa opción o algún otro. Desactiva eso y funcionará porque el tema ya es responsive.

    Iniciador del debate Gnomogore

    (@gnomogore)

    Muchas gracias, Mariano. Sí, lleva el plugin Jetpack instalado. Conozco las webs responsives, pero no me había percatado de que esta lo fuera, fíjate tú. Haré varias pruebas con el plugin y sin el, a ver si sale bien la cosa finalmente.

    Gracias nuevamente por la ayuda. Resulta igual que ni meternos en CSS ni nada.

    ¡Saludos!

    Moderador Mariano Perez

    (@mpcdigital)

    Recuerda que no hace falta que deshabilites JetPack entero, solo el módulo el móvil 🙂

    Iniciador del debate Gnomogore

    (@gnomogore)

    Hola Mariano. Te comento algunas pruebas.

    Descativando la opción para móvil (tema para móviles) dentro de Jetpack, sigue, por lo menos en mí Sony Ericcsión xperia, viéndose únicamente un botón de menú (desplegable), en vez de la barra horizontal con: críticas, noticias, cortometrajes…

    Desactivando también por completo este pulgin seguimos en las mismas. No sé dónde puede estar el «error».

    Y otra de las dudas que llevo varios días tratando de averiguar es por qué en según qué navegadores o pantallas de pc o portátil, se ve también el botón de menú despleglable y no la barra con todas las pestañas.

    En mi pc, tanto en Mozilla como con Chrome, si se ven correctamente. En un portátil que tengo en casa, tuve que configurarle la resolución de la pantalla para que se viera correctamente. En una tablet de una amiga (recurriendo a terceros), tampoco se ve correctamente.

    Muchísimas gracias por tu ayuda y tiempo.

    Saludos.

    Moderador Mariano Perez

    (@mpcdigital)

    Lo que ocurre es que el tema de la web, al ser responsive, cambia la barra por el desplegable en las resoluciones más bajas, sea cuál sea el dispositivo. Esto se programa así porque se entiendeque a esas resoluciones la barra no es cómoda. La mayoría de temas responsive hacen lo mismo, cambiar la barra por un desplegable a bajas resoluciones. Además todos suelen dar ese salto a la misma resolución, es casi un estándar.
    Puedes activar entonces el tema móvil de JetPack o, si sabes hacerlo, buscar en el css del tema dónde está programado el cambio en la barra y quitarlo.

    Iniciador del debate Gnomogore

    (@gnomogore)

    Muchísimas gracias, Mariano. Ya me queda claro entonces todo. Miraré lo del css por gusto y ver así los cambios.

    ¡Saludos!

    Iniciador del debate Gnomogore

    (@gnomogore)

    Y en el mismo pc: con safari barra, y con chrome desplegable. ¿Eso se debe a?

    Gracias, gracias.

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • El debate ‘CSS para adaptar web a tablets o móviles’ está cerrado a nuevas respuestas.