Pérdida de formato en dispositivos móviles

  • Avatar de Desconocido
    luscoefuscoes · Miembro ·

    Hola compañeros, pues eso que al editar el código CSS he perdido el formato mara dispositivos móviles, quedando en un formato super raro, hay alguna manera para recuperar el formato sin eliminar los códigos CSS que he añadido???

    Un saludo y gracias.

    El blog con el que necesito ayuda es (visible solo para usuarios conectados).

  • Avatar de Desconocido
    galois · Moderador ·

    Lo primero: comprueba que no tengas activado el tema móvil en
    https://luscoefuscoblog.wordpress.com/wp-admin/themes.php?page=mobile-options

    Esto es fundamental.

  • Avatar de Desconocido
    v444cygni · Miembro ·

    Hola luscoefuscoes,

    Publica el código completo para saber qué es lo que está afectando a móvil y qué no. Si crees que es mucho código y quedaría más legible de otra manera, prueba a publicarlo aquí http://pastebin.com/ y comparte el enlace.

    ¡Saludos!

  • Avatar de Desconocido
    luscoefuscoes · Miembro ·

    El tema para móvil esta desactivado, pego aquí el código ya que no es mucho. 

    .site-title a {
	padding-left: 25px;
	font-size: 2rem;
}

.entry-meta {
	display: none;
}

@media screen and (min-width: 58em) {
	.entry-content {
		width: 110%;
	}
}

.site-info:after {
	content: "©Todos los derechos reservados 2016 Jose Negreira";
	margin-left: 100px !important;
	display: inline;
}

@media screen and (min-width: 58em) {
	.site-main {
		margin-right: 20%;
	}
}

#primary {
	width: 900px;
}

#secondary {
	width: 160px;
	margin-right: 0;
}

    Perdón por la chapuza de código xD.

  • Avatar de Desconocido
    v444cygni · Miembro ·

    Para nada chapuza :)

    El estilo que está causando que se vea mal es:

    #primary {
	width: 900px;
}

    Es un poco raro que limites el ancho del cuerpo de texto a 900px cuando anteriormente lo que querías era ensancharlo (la imagen en la que dibujabas flechas en rojo).

    Si lo que quieres es limitar que el ancho máximo que tome el cuerpo de la entrada sea 900px, sin modificar la apariencia en el resto de resoluciones, reemplaza lo anterior por lo siguiente:

    #primary {
	max-width: 900px;
}

    Si con este cambio se deshace alguno de los cambios anteriores, lo mejor es que elimines directamente el bloque de #primary y que nos digas qué querías conseguir con ello en primer lugar, para buscar una solución.

    Por cierto, el título se monta con el recuadro de «Menú» en resoluciones muy pequeñas; puedes empujar el título un poco hacia abajo en esas resoluciones así:

    @media (max-width: 424px) {
    .site-title {
        top: 4.6em;
    }
}

    ¡Saludos!

  • Avatar de Desconocido
    luscoefuscoes · Miembro ·

    Muchas gracias otra vez.

    se ve perfecto en dispositivos móviles.

  • Avatar de Desconocido
    v444cygni · Miembro ·

    ¡Genial, me alegro!

    Saludos :)

  • El debate ‘Pérdida de formato en dispositivos móviles’ está cerrado y no admite más respuestas.