Avisos
Vaciar todo

Versión en móvil

5 Respuestas
2 Usuarios
0 Reactions
137 Visitas
Ana Y.
Respuestas: 23
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Buenas tardes. Ante todo decir que tengo conocimientos muy básicos en wordpress.
He creado mi web, en la versión de escritorio se ve genial, pero en versión móvil, algunas páginas salen descolocadas. Me refiero a textos, ya que no se aprecian los párrafos, se ve todo junto. En otra página se corta una tabla, sin embargo si pongo el móvil en horizontal si se ve la tabla. Otro error que veo en la versión móvil es las imágenes, que salen muy grandes y me gustaría que en versión móvil se vieran más pequeñas.
El Theme que utilizo es Zerif Pro. El editor de texto en wordpress utilizo Gutemberg.

Adjunto dos imágenes de cómo se ve en escritorio y otra de cómo se ve en versión móvil.

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 10/05/2019 7:19 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Saludos Ana.

Inserta el siguiente código CSS para que los párrafos en móvil tengan margen

@media (max-width: 480px)
.entry-content p {
    margin: 4px 0px 20px 0px;
}

Para insertar el código CSS puedes revisar:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.


 
Respondido : 10/05/2019 7:42 pm
Ana Y.
Respuestas: 23
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Buenas me sale el siguiente mensaje. Adjunto imagen


 
Respondido : 10/05/2019 8:04 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola Ana,

El código está casi correcto sólo faltó una llave. Reemplaza el código CSS que insertaste por el siguiente:

@media (max-width: 480px){ 
	.entry-content p {
			margin: 4px 0px 20px 0px;
	}
}

Recuerda guardar cambios y actualizar la página para que se vea reflejado el cambio.

Saludos.


 
Respondido : 10/05/2019 9:35 pm
Ana Y.
Respuestas: 23
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Solucionado! Muchas gracias por su ayuda.


 
Respondido : 11/05/2019 12:12 pm