Avisos
Vaciar todo

Mi web no es responsive en dispositivos móviles/ipad

14 Respuestas
3 Usuarios
0 Reactions
523 Visitas
Respuestas: 46
Eminent Member
Topic starter
 

Tengo un problema con mi web, y es que cuando la gestiono desde un ordenador de mesa con pantalla aproximadamente de 18'' todo está bien, pero es cuando lo miramos en ipad y en móvil, que nos sale todo descuadrado.

¿Es por la plantilla? No sabemos si habrá un plugin para solucionarlo o si tenemos que hacerlo manual.

Gracias!

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 19/03/2019 5:09 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

El problema que veo en modo responsive de tu theme es con los precios, has realizado modificaciones CSS? ya que es raro que te ocurra esto.

Puedes corregir esto con el siguiente código.

@media(max-width:768px){
	.qode-pli-price{
		position:static!important;
	}	
}

Para agregar este código revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.


 
Respondido : 19/03/2019 5:59 pm
Respuestas: 46
Eminent Member
Topic starter
 

¿Me puedes decir como hacerlo pero desde Qote Options de Bridge?


 
Respondido : 20/03/2019 1:01 pm
Pepe
 Pepe
Respuestas: 41344
Illustrious Member Admin
 

Hola Raúl.

Puedes añadirlo en el archivo custom_css.css que encontrarás en la wp-content -> themes -> bridge -> css -> custom_css.css

Para acceder al fichero puedes utilizar el administrador de archivos de tu cuenta de cPanel:
-> https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel-como-buscar-archivos.html

Un saludo


 
Respondido : 20/03/2019 1:52 pm
Respuestas: 46
Eminent Member
Topic starter
 

Vale, he conseguido llegar hasta el custom_css.css pero no se donde colocarlo, ¿tengo que ponerlo en un sitio concreto? ¿o directamente arriba del todo?


 
Respondido : 21/03/2019 10:41 am
Pepe
 Pepe
Respuestas: 41344
Illustrious Member Admin
 

Hola Raúl.

¿tengo que ponerlo en un sitio concreto? ¿o directamente arriba del todo?
Los códigos de estilos ( css ) no siguen un orden, puedes añadirlo donde quieras, al principio o al final del archivo.

Un saludo


 
Respondido : 21/03/2019 11:01 am
Respuestas: 46
Eminent Member
Topic starter
 

He realizado esta acción de código pero sigo viendo mi página web en el ipad y móvil así. ¿A qué puede deberse?

Gracias por la info!


 
Respondido : 21/03/2019 12:56 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

No veo que hayas agregado el código que te envié, puedes comprobarlo cargando directamente el CSS
Contenido solo visible a usuarios registrados

Agrega el código enviado al final del archivo custom_css.css

Saludos.


 
Respondido : 21/03/2019 5:58 pm
Respuestas: 46
Eminent Member
Topic starter
 

Me aparece la opción de abrir el documento en bloc de notas, incluyo el código, guardo el archivo en mi ordenador y ¿tengo que cargarlo en el administrador de archivos de nuevo ya modificado?

Esto ya lo he hecho, pero no noto cambio


 
Respondido : 22/03/2019 12:48 pm
Pepe
 Pepe
Respuestas: 41344
Illustrious Member Admin
 

Hola Raul.

.- Accede a tu cuenta de cPanel -> Administrador de archivos.

.- Accede a la carpeta public_html -> navasjoyeroscanarias.com -> wp-content -> themes -> bridge -> css
.- Selecciona el archivo con el botón de la derecha y pulsa en " edit "

.- Al final de ese archivo añade el código que te indico mi compañero:

Si ves que no surte efecto accede con el navegador en incognito y revisa si se muestra:
-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=es

Un saludo


 
Respondido : 22/03/2019 2:10 pm
Respuestas: 46
Eminent Member
Topic starter
 

No hemos notado cambio con esta modificación de código.
¿Nos podeís decir si modificando estos parámetros que os adjuntamos podríamos solucionar los problemas de responsive?

En ese caso, ¿como cerciorarnos de cuales son las medidas exactas?¿o es ir probando?

Gracias!


 
Respondido : 25/03/2019 3:44 pm
Pepe
 Pepe
Respuestas: 41344
Illustrious Member Admin
 

Hola Raul.

En principio es para definir el tamaño de las letras en versiones responsive.
En la celda Font Size puedes definir el tamaño de letra, podrías empezar con unos tamaños pequeños " 10px " e ir probando.

Antes de revisar eso, prueba a acceder en modo incognito, es posible que este cargando la cache anterior:
-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=es

Un saludo


 
Respondido : 25/03/2019 4:09 pm
Respuestas: 46
Eminent Member
Topic starter
 

Ya hemos añadido el código donde nos ha comentado. Guardo cambios y cuando me vuelvo a meter no está incluído.

¿Tenemos que hacer algo más para que se quede permanente?


 
Respondido : 25/03/2019 5:56 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Actualmente ya veo que se agregó el estilo, por lo que no hay problema por ese lado.

Entiendo que has estado haciendo cambios de tamaños de letras, eso podría mejorar en algo el theme responsive.

Si tienes alguna parte específica que quieres mejorar en la versión responsive envíanos una captura de pantallla para ver exactamente a qué te refieres.

También puedes consultar directamente con los desarrolladores del theme, especialmente si vas a realizar muchos cambios ya que es posible que si tienes soporte te puedan ayudar o enviar alguna versión más reciente del theme

Saludos.


 
Respondido : 25/03/2019 7:00 pm