Imagen de cabecera se ve cortada en tablets  

Hola,

Prueba lo siguiente: edita el archivo wp-content/themes/metro-pro/style.css y, previa copia de seguridad del mismo, localiza el siguiente código:

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.home-middle-left,
	.home-middle-right,
	.sidebar-primary,
	.title-area {
		width: 272px;
	}

Cámbialo por este otro:

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.home-middle-left,
	.home-middle-right,
	.sidebar-primary {
		width: 272px;
	}

Con esto evito que se fuerce el ancho de 272 píxeles para la caja del título cuando el ancho de la ventana del navegador es entre 1024 y 1139 píxeles.

Una vez aplicado el cambio, si ves que no funciona en la tablet prueba a forzar la recarga de la página, ya que es posible que tengas el archivo css cacheado.

Hola Pablo.

Lo que he hecho para no meter mato en el fichero style.css es descargarme el plugin Simple Custom CSS.

He pegado el texto que me pones de esta manera:
/*
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.home-middle-left,
.home-middle-right,
.sidebar-primary {
width: 272px;
}
*/

He actualizado y la página no cambia. En ordenador se sigue viendo entero y en la tablet cortado.

¿Así como lo he hecho estaría bien o no queda otra que tocar directamente el style.css?
En la medida de lo posible quiero usar métodos alternativos que hace unos días tuve que recuperar todo por andar tocando.

Muchas gracias.

Hola,

Puedes utilizar un Custom CSS para aplicar el cambio, pero el código que has puesto no es correcto. Lo que has añadido es tu custom CSS es un estilo comentado, lo que es equivalente a no haber añadido nada.

Prueba a añadir en su lugar lo siguiente y verifica si funciona:

@media only screen and (max-width: 1139px) {
	.title-area {
		width: auto;
	}
}

Sigue sin cambiar nada. He borrado las cookies y el historial en la tableta antes de actualizar con los cambios y nada.

¿No queda otra que entrando en style.css con lo que escribiste en la primera respuesta?

Hola Laura.

Prueba a añadir el siguiente código en el plugin custom que te descargaste:

@media only screen and (max-width: 1139px) {
.title-area {
    height: auto;
    width: 100%;
}
}

Si añadiéndolo al plugin sigue sin funcionar, realiza lo siguiente:
.- Edita el archivo style.css que encontraras en wp-content/themes/metro-pro/style.css y al final del archivo añade lo siguiente:

@media only screen and (max-width: 1139px) {
.title-area {
    height: auto;
    width: 100%;
}
}

Un Saludo

¡Con lo primero funciona!

Muchas muchas gracias.