Résolution écran - Condition if....

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Résolution écran - Condition if....

Re: Résolution écran - Condition if....

par juliette » 27 nov. 2012, 23:05

Arf...
C'est extrêmement explicite.
je partais du principe que le site était déjà en mode adaptatif...

Re: Résolution écran - Condition if....

par sabrina34 » 27 nov. 2012, 17:29

Merci beaucoup !

Ca marche parfaitement :-)

Re: Résolution écran - Condition if....

par Berzemus » 26 nov. 2012, 22:01

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. :wink:

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

Re: Résolution écran - Condition if....

par juliette » 26 nov. 2012, 21:24

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...

Résolution écran - Condition if....

par sabrina34 » 26 nov. 2012, 19:21

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 ! :wink: