WordPress : Comment masquer la barre latérale personnalisée sur mobile

Publié par Jean-Michel le

J’ai donc apporté quelques personnalisations à mon thème premium wordpress, mais je souhaite masquer ces personnalisations sur les versions mobiles. J’ai essayé d’ajouter un idwidget à l’intérieur @mediaavec display:none;mais rien, toujours actif.

Ceci est le code de la deuxième barre latérale que j’ai créée

à l’intérieur du thèmefunctions.php :

if (function_exists('register_sidebar')) {
register_sidebar(array(
'name'=>'Sidebar Left',
 'id'   => 'sidebar-left',  
      'description'   => 'Widget Area left',  
      'before_widget' => '<div id="sidleft" class="sidleft2">',  
      'after_widget'  => '</div>',  
      'before_title'  => '<h2>',  
      'after_title'   => '</h2>'  
     ));  
    }  

A l’intérieur index.php:

<div id= "sidebar-left" class="sidleft2"> <? php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Left')): endif;?></div >

Comment le cacher ?

Lire également:  Wordpress : Échec du téléchargement de la pile LAMP locale sur le thème Linux Mint

La 2ème chose que j’ai faite avec les personnalisations est à partir des messages verticaux (dernières), j’ai créé 4 blocs en ligne. Ici, j’ai changé heightet width. Dans la version par défaut du thème, les vignettes sont petites et non visibles sur mobile, seul le titre est affiché.

À l’ intérieur @mediase trouve ceci : ul.headlines li img, qui cache ces images, mais le problème est que les modifications que j’ai apportées laissent maintenant des lacunes, donc c’est le titre et sous le titre se trouve la zone où l’image doit apparaître et puisque la ligne de code ul.headlines li img( display:none;) est utilisée, ils ne ‘t, et seul l’endroit où l’image doit être affichée. Ce que je veux, c’est supprimer cet écart sur les mobiles, comme dans le thème par défaut, mais après 2 jours, pas de chance.

Lire également:  Wordpress ajoute une classe au travail de menu en travaillant avec mon thème

Une idée?

Solution n°1 trouvée

Vous ne fournissez pas beaucoup de détails sur votre code. Quelque chose comme ça devrait fonctionner :

@media only screen and (max-width: 599px) {
  #sidebar-left {
    display: none;
  }
}
Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *