Forum d'entraide PHPFrance

Bonjour,

J'ai ajouté dans wordpress une ligne pour ajouter un logo à gauche de mon menu, je souhaiterais le faire disparaitre quand la résolution passe en dessous de 1024 (pour l'iphone)

<header id="header">
		<div class="row">
			<div class="logo"><a href="<?php bloginfo('siteurl'); ?>"><img src="<?php echo of_get_option('logo', get_bloginfo('template_directory')."/images/logo.gif"); ?>" alt="<?php bloginfo('name'); ?>" /></a></div>
			<nav id="nav" class="nav-holder">
			<a href="http://www.monsite"><img src="http://www.monsite/logo.jpg" alt="Accueil" /></a>
				<?php wp_nav_menu(array('theme_location' => 'main_navigation', 'depth' => 3, 'container' => false, 'menu_id' => 'nav')); ?>
			</nav>
		</div>
	</header>

Existe il une solution ?

Merci d'avance !

Salut, tu dois utiliser les médias queries...
Crée une classe .masquer pour ton logo et tu met dans ton css:

.masquer {
  display: none;
  visibility: hidden;
}

ce code css doit être mis dans les médias queries qui te convienne...

Salut, tu dois utiliser les médias queries...
Crée une classe .masquer pour ton logo et tu met dans ton css:

.masquer {
  display: none;
  visibility: hidden;
}

ce code css doit être mis dans les médias queries qui te convienne...

C'est extrêmement explicite.

Voici une petite source qui t'aidera à appréhender les "média queries" :
http://gobanclub.net/2010/11/17/respons ... e_trad_fr/

Merci beaucoup !

Ca marche parfaitement

Arf...

C'est extrêmement explicite.

je partais du principe que le site était déjà en mode adaptatif...