Prueba a usar gimp (www.gimp.org), un programa de retoque fotográfico para reducir el tamaño del logo.
en realidad el Logo esta bien gusto en ese programa lo he diseñado y no tiene espacio vacío. Entre al HTML y cambie la parte de <div id=»logo» style=»margin-top: 242px;»> el margin-top lo puse a 0px pero volvi a cargar la pagina y me lo puso automáticamente en 242px.
cabe mencionar que ya he tratado hasta con el logo de 25px x 980px y lo mismo.
alguna vez me sale bien y otras, que son la mayoría, sale con el espacio.
AGRADECERÉ INFINITAMENTE TU AYUDA, DE VERDAD YA ME HA ROTO LA CABEZA ESTE PROBLEMA.
Yo entro a la web y veo una cabecera gigante con una imagen. No se entiende cual es el espacio que dices.
Recuerda borrar tu cache antes de probar.
Saludos.
He borrado mi memoria Cache y el problema sigue igual, a la primera vez que entro después de borrar la memoria se ve bien pero basta con intentar abrirlo en otra pestaña para que haga la falla.
Tienes esto en tu CSS:
div#logo{
margin-top: 242px;
}
Ponle cero.
Saludos.
Hola ADRIANHB21,
Tienes establecido el margen en un archivo de plantilla (mala práctica) no en el archivo style.css (lo correcto) o en otro complementario.
Tienes esto (en header.php si no has toqueteado mucho el código):
<div id="logo" style="margin-top: 242px;">
Tienes que dejarlo de este modo:
<div id="logo">
Saludos.
Esto es lo que me sale en el header.php como veras no está con style aqu, no se que hacer!
` <div id=»header»>
<div id=»logo»>
<?php
if(get_option(‘pyre_logo’)) {
$logo = get_option(‘pyre_logo’);
} else {
$logo = get_template_directory_uri() . ‘/images/logo2.png’;
}
?>
‘><img src=»<?php echo $logo; ?>» alt=»<?php bloginfo(‘name’); ?>» />
</div>
-
Me encontré esto en el mismo php.
</style>
<script type=»text/javascript»>
jQuery(document).ready(function($) {
(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
return this.each(function(i){
var ah = $(this).height();
var ph = $(this).parent().height();
var mh = Math.ceil((ph-ah) / 2);
$(this).css(‘margin-top’, mh);
});
};
})(jQuery);
$(‘#logo’).vAlign();’
Lee mi mensaje anterior y revisa tu CSS.
Saludos.
el problema es que no esta en el css. si no esta en indexado.
Si lo tienes en el style.css de tu tema, en las opciones de administración del tema, en un script o puesto directamente en la plantilla da igual, el problema es ese, que tienes asignado un margen de 242 pixeles para esa cabecera.
Si no sabes como ni donde lo pusiste, agrega esto hasta abajo de tu CSS.
div#logo{
margin-top: 0px!important;
}
Aunque deberías de tener el CSS en donde va y quitar scripts que solo te dan problemas al final.
Saludos.
