Bonjour,

J'ai réalisé un blog sur WordPress ; muriel-bellafronte.com.
Avec firebug je recherche le(s) fichier(s) à modifier afin que l'image et le menu soient centrés dans la page et ne se superposent plus.
A prioris je comprends que ces éléments se trouvent dans la balise H1 .
mais je ne trouve aucun détail sur les espacements et les décalages de ces éléments.

Je vous remercie de votre aide.
Bonjour,

en fait, dans ton thème, l'image de logo est prévue sur 2 colonnes (classe css .grid_2) et le menu sur 10 (classe css .grid_10).

Si vraiment tu veux réaliser ce que tu veux faire, il va te falloir modifier d'abord le fichier header.php (présent au premier plan de ton thème) et appliquer 2 fois class="grid12" à ton logo et au menu. Ensuite, voir comment ça réagit et ajuster le fichier screen.css pour que ça se superpose au mieux.

Quant au h1 dont tu parles, il correspond seulement à ton logo. Pas très SEO friendly tout ça... Smiley decu
Modifié par GraphikoPhil (29 Nov 2013 - 07:12)
Merci pour ta réponse.

J'ai donc ouvert header.php, j'avoues que je galère mais je ne désespère pas de trouver.
Il y a une boucle qui défini le numéro de grid...
merci encore.


 <body <?php body_class(); ?>>
	<div id="outer">			
		<div id="header" class="clearfix">				
			<div class="container_12">
				<?php 
					$logo_area_size = cudazi_get_option( get_option_tree('logo_area_size', $cudazi_theme_options, false, false ), '', false ); 					
					if( $logo_area_size == 'tiny' ) {
						$menu_container_left = 'grid_1';
						$menu_container_right = 'grid_11';
					}else if( $logo_area_size == 'small' ){
						$menu_container_left = 'grid_2';
						$menu_container_right = 'grid_10';
					}else if( $logo_area_size == 'medium' ){
						$menu_container_left = 'grid_3';
						$menu_container_right = 'grid_9';
					}else if( $logo_area_size == 'large' ){
						$menu_container_left = 'grid_4';
						$menu_container_right = 'grid_8';
					}else{
						$menu_container_left = 'grid_2';
						$menu_container_right = 'grid_10';
					}
				?>
				<div class="<?php echo $menu_container_left; ?>">					
					<h1 id="logo">
						<?php /* Assign logo url if set 			*/	if ( $logo_url ) { $logo_upload = $logo_url; } ?>
						<?php /* If text logo not set, use image 	*/	if ( !$logo_text_based){ ?><a href="<?php echo home_url(); ?>"><img src="<?php echo $logo_upload; ?>" alt="<?php bloginfo('name'); ?>" /></a>
						<?php /* If text logo set, use the text		*/	}else{ ?><a href="<?php echo home_url(); ?>" class="textlogo"><?php echo $logo_text_based; ?></a><?php } ?>
					</h1>
				</div><!--//grid_x-->
				
				<div class="<?php echo $menu_container_right; ?> menu_container">					
					<?php wp_nav_menu( array( 'menu_class' => 'sf-menu clearfix', 'theme_location' => 'primary', 'fallback_cb' => 'cudazi_menu_fallback' ) ); ?>
					<?php
						$menu_email_link = cudazi_get_option( get_option_tree('menu_email_link', $cudazi_theme_options, false, false ), '', false );
						if( $menu_email_link ) {
							echo "<a href='mailto:" . $menu_email_link . "' class='menu-contact'>" . $menu_email_link . "</a>";
						}
					?>					
				</div><!--//grid_x-->					
				
			</div><!--//container_12-->			
		</div><!--//header-->