Soporte » Guías – Resolución de problemas » Margen cabecera muy ancho

  • Resuelto confrases

    (@confrases)


    Hola!!

    necesito ayuda con la cabecera de mi página web. Resulta que es muy ancha y el contenido de mi página comienza aproximadamente por la mitad de la pantalla.
    He intentado tocar cosas del editor pero tampoco quiero profundizar mucho por si se me estropea todo.
    El tema que utilizo es GeneratePress y la web esta editada con Elementor.

    Alguien sabría como poder o incluso quitar por completo ese margen blanco de la cabecera?
    Gracias!!

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - 1 de 6 (de 6 total)
  • Moderador Fernando Tellado

    (@fernandot)

    Revisa los módulos de Elementor que tengas metidos en la página en cuestión o sus configuraciones de altura y ancho porque parece que hay uno de más que es el que muestra el espacio extra

    Buenas,

    Si toda la apariencia la estas gestionando desde elementor
    en lugar de usar la plantilla de página por defecto puedes usar una de las dos que te ofrece elementor: canvas o fullwitdh

    Imagen ejemplo

    Aunque te aviso, eso podría hacer que perdieras ciertos estilos que se aplican por medio de generatepress, asi que tendrías que aplicarlos a mano desde elementor

    Una alternativa a esto sería por medio de css ocultar las zonas que no usas:

    • cabecera
    • navegación

    Esto puedes hacerlo de diferentes formas dependiendo de tu nivel de conocimientos

    • Entrar en apariencia/personalizar/css adicional y poner el css que necesites
    • añadir el css en tu childtheme (si lo estas usando)
    • y se me ocurre alguna forma un poco mas rara.. pero mejor no sentar precedente y dar malos consejos ]:)

    Espero que con esto sea suficiente para solucionar tu duda
    Si ya está resuelta márcala arríba a la derecha. Si la resolviste tu mismo, por favor indícanos que hiciste y tal vez esto ayudará a alguien mas en el futuro.

    Un saludo

    Estoy intentando mirar el editor de apariencia pero es que me da miedo borrar alguna cosa.

    Os paso el header.php para ver si veis alguna incorrección:

    <?php
    /**
     * The template for displaying the header.
     *
     * @package GeneratePress
     */
    
    if ( ! defined( 'ABSPATH' ) ) {
    	exit; // Exit if accessed directly.
    }
    
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    	<meta charset="<?php bloginfo( 'charset' ); ?>">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    	<link rel="profile" href="http://gmpg.org/xfn/11">
    	<?php wp_head(); ?>
    </head>
    
    <body <?php generate_body_schema();?> <?php body_class(); ?>>
    	<?php
    	/**
    	 * generate_before_header hook.
    	 *
    	 * @since 0.1
    	 *
    	 * @hooked generate_do_skip_to_content_link - 2
    	 * @hooked generate_top_bar - 5
    	 * @hooked generate_add_navigation_before_header - 5
    	 */
    	do_action( 'generate_before_header' );
    
    	/**
    	 * generate_header hook.
    	 *
    	 * @since 1.3.42
    	 *
    	 * @hooked generate_construct_header - 10
    	 */
    	do_action( 'generate_header' );
    
    	/**
    	 * generate_after_header hook.
    	 *
    	 * @since 0.1
    	 *
    	 * @hooked generate_featured_page_header - 10
    	 */
    	do_action( 'generate_after_header' );
    	?>
    
    	<div id="page" class="hfeed site grid-container container grid-parent">
    		<div id="content" class="site-content">
    			<?php
    			/**
    			 * generate_inside_container hook.
    			 *
    			 * @since 0.1
    			 */
    			do_action( 'generate_inside_container' );

    Si necesitáis algo más, no dudéis en decírmelo.

    Por cierto, he mirado la página y no tengo ningún espacio en blanco añadido, el primer bloque empieza donde tengo el logo.

    • Esta respuesta fue modificada hace 1 año, 2 meses por Fernando Tellado. Razón: Etiquetado correcto del código

    Alguien podría ayudarme?

    Moderador LGrusin

    (@lgrusin)

    Yo no veo mucha separación, de todas formas prueba en Apariencia – Personalizar – CSS Adicional:

    .inside-header {
    padding:0;
    }

    Un saludo

    Muchas gracias!

    Al menos he podido reducir a la mitad el margen superior de la página. Algo es algo jajaja

    Muchas gracias a todos!

Viendo 6 respuestas - 1 de 6 (de 6 total)
  • El debate ‘Margen cabecera muy ancho’ está cerrado a nuevas respuestas.