Problema de visualización en Wordpress en dispositivos móviles

  • Autor Autor Bangbang
  • Fecha de inicio Fecha de inicio
B

Bangbang

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola,

Tengo un problemilla con una web hecha en Wordpress.
Resulta que cuando la abres con el móvil o con la tablet no se ve la página entera sino que hace zoom sobre el lado superior izquierdo:




Se debería abrir directamente con la vista entera de la web:



He estado viendo de arreglarlo mediante css o con el viewport pero no hay manera. Supongo que será una tontería pero no doy con la tecla.
A ver si alguien me puede echar un cable.

Gracias y un saludo.
 
Hace unos días vi que había un plugin que arreglaba estos problemas, pero no recuerdo, búscalo en el foro, saludos!
 
Hola, hay muchos plugins que te rediseñan la web para que sea ve bien desde el móvil pero no es lo que busco. Quiero mantener el diseño pero que me habrá la página a todo lo ancho, como la segunda image.

Gracias.
 
Seguramente tienes una etiqueta llamada meta viewport scale 1, buscala en tu archivo header.php y quítala.
 
Hola memoadian, el tema del viewport lo he probado todo, quitandolo, poniéndolo y todas las combinaciones posibles. Me da que no viene por ahí el asunto, me inclino mas por el CSS después de todas las pruebas que he hecho.
 
El detalle si está en el viewport. A mi me pasaba lo mismo y con un theme si funcionaba y con otro no. Al final le di un ancho de 1000px o algo asi y cuando entra alguien desde el movil se ve todo normal. No es lo manera optima de hacerlo pero es mejor eso a que aparezca en modo zoom.
 
[MENTION=49061]ismadobe[/MENTION] ¿Pero le diste ese ancho de 1000px en el viewport?
 
¿tienes algún plugin de cache? esos suelen dar problemas a la hora de editar el theme.
 
[MENTION=39954]memoadian[/MENTION] no tengo plugin de caché, además no creo que sea tema de un plugins porque hice la prueba de ir desactivado uno por uno para ver si venia por ahí el asunto y se veía igual.

Gracias por el interés.:smug:
 
pues es cosa del meta viewport sin duda. pero así sin ver el código fuente es díficil hacer pruebas. Me refería al plugin caché como el wp super caché por que luego no se ven los cambios al editar, además a veces es necesario actualizar la caché de tu movil para ver los cambios.
 
Hmm parece que su web no funciona. Sigue teniendo el problema?

Mándanos un MP
 
Gracias Okaro, pero sigue viendose mal. Alomejor no estoy poniendo el viewport donde toca. Yo lo coloco así dentro del header del tema:

Insertar CODE, HTML o PHP: 
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />

<title><?php woo_title(''); ?></title>

<meta name="viewport" content="width=device-width" />

<?php woo_meta(); ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>" media="screen" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
	wp_head();
	woo_head();
?>

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'XXXXXXXXX', 'auto');
  ga('send', 'pageview');

</script>

</head>

- - - Actualizado - - -

[MENTION=49745]Okaro[/MENTION] tu lo colocaste así?
 
Sí, lo tengo así, como has puesto, pero si me voy a tu web, que he de suponer que es bretto.es me sale que tienes puesto esto:

<meta name="viewport" content="width=10000px" / >

Mira que lo tengas bien puesto.

Un Saludo.


 
Si, es que lo cambie por probar, pero lo tenía como tu...:ambivalence:
 
Este es el metaviewport que necesitas. Cuando la web no es responive,es el que uso yo para que se vea como queres

HTML: 
<meta name="viewport" content="width=1024, initial-scale=1, maximum-scale=1">

Bangbang dijo:
Si, es que lo cambie por probar, pero lo tenía como tu...:ambivalence:
Hacer clic para expandir...
 
Gracias [MENTION=34503]sergiogeek[/MENTION] pero lo acabo de probar y nada, se sigue viendo mal...:neglected:

- - - Actualizado - - -

Acabo de comprobar una cosa, en el header lo tengo como tu me has dicho pero si voy a la página control+u y miro el código me sale esto:

Insertar CODE, HTML o PHP: 
<!--  Mobile viewport scale | Disable user zooming as the layout is optimised -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

¿De donde coge eso?

- - - Actualizado - - -

Ya lo he averiguado, estaba en el archivo theme-ations, lo he borrado pero no soluciona nada.
 
Has intentado quitandole el meta del viewport que le pones?
 
lombervid dijo:
Has intentado quitandole el meta del viewport que le pones?
Hacer clic para expandir...

Si, de hecho en origen venia sin nada de viewport.

- - - Actualizado - - -

Creo que lo he solucionado borrando los viewport por defecto del tema y del header.:welcoming:

Gracias a todos.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

Optimización de anuncios en WordPress para dispositivos móviles
Respuestas
4
Visitas
148
eduardo.t
E
Problema de visualización en Wordpress: Editor Elementor no carga
Respuestas
9
Visitas
460
xLincex
A
Adaptar galería WordPress a dispositivos móviles
Respuestas
1
Visitas
218
BotBeta
R
Problema con el botón de carrito en PrestaShop desde dispositivos móviles
Respuestas
1
Visitas
895
RufinoL
R
Plugin WordPress para tablas adaptables a dispositivos móviles
Respuestas
1
Visitas
300
Carlos Arreola
C
Menú
Acceder
Registro