Creo que he tocado alguna estructura en el código que hace que quede un margen en la parte derecha de la pantalla y se active el scroll horizontal, pero no puedo dar con ello ahora, no se si podrían ayudarme desde all a localizar el error.
Adjunto dos capturas con móviles, pero en el pc de mesa también sucede.
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
He probado con un Samsung Galaxy S6 y no me muestra algún margen, no siempre el simulador muestra la web de forma real por lo que te recomiendo que lo verifiques un teléfono móvil donde en mi caso no detecto problemas.
Pero veo que en mi navegador chrome hay algunas páginas que muestran este margen aunque otras no, eso indica en mi opinión una anomalía real. Yo en mi móvil lo detecto por ejemplo en la página de portada, hay un margen de navegación horizontal de menos de 100px. pero me gustaría que no estuviese. De todos modos, probaré con otras páginas de chequeo distintas a la de chrome.
http://alhma.com/maquina-virtual/
sinembargo en la página del repertorio no se ve
Hola
Eso que comentas es posiblemente debido al plugin o extensión que estas usando para que tu web sea accesible, por ejemplo veo que en la parte inferior aparecen opciones adicionales para agrandar la letra, etc.
Si deseas puedes probar deshabilitando esta funcionalidad y verificar si con eso se genera algún margen.
Saludos.
Ya he probado a deshabilitarla y el margen continua, también he intervenido la hoja de estilo para pedirle un ajuste al 100% y en cierta medida algo he conseguido, pero hay una clase que no se modificar y se sale un poco del margen de la plantilla, sin embargo puede que al ajustarla al 100% desaparezca el problema.
He capturado en la imagen que adjunto el código generado, pero el modo en el que plantea la hoja de estilos custom.css no me permite personalizar la medida, en este caso 375px; ya que me la presenta como un element-style { width: 375px; pero no me indica en qué archivo tengo que hacer el cambio y la clase que mencionada, scbaselin-speaker ya incorpora un valor width=140px;
Si no se arregla así, tendré que desconectar la opción de speaker
estos módulos no están afectando a este problema, afectabann unos módulos de rocksprocket tipo strip que ya he desconectado en móviles e ipad y también el módulo screen reader que menciona Jhon Marreros, justo en el parámetro que está indicado en la foto que adjunto, da una medida de anchura de 375px y me gustaría cambiarla a porcentaje 100% pero no sé en qué archivo, no lo encuentro.
Me sucede en la página siguiente, se puede ver en el testeador de esta web
se puede ver en el testeador de esta web
http://mobiletest.me/htc_one_emulator/?u=http://alhma.com/maquina-virtual/index.php?option=com_content
Hola,
Por lo que se adjunta en captura la definición de los pixeles en el ancho están dentro del propio código del modulo no en algún fichero css.
Lo que puedes hacer es descargar el modulo y descomprimirlo, con una herramienta como Textpad ubicar el código y modificarlo.
He rastreado toda la carpeta del módulo con dreamweaver (que rastrea código) para encontrar algún lugar donde pusiese esa medida o las clases que se mencionan, pero sin éxito, sólo aparecían las clases en archivos .js y me han recomendado no tocarlos.
Hola,
Al final del fichero maquina-virtual/templates/yoo_uniq/styles/designerpersonal/css/custom.css prueba a insertar el código:
#speaker_plugin { width:100%!important; }
parece que este problema se ha arreglado, pero completé un poco la información
#speaker_plugin.scbasebin.speaker {
width:100%!important;
}
Muchas gracias