WordPress : Comment masquer la barre latérale personnalisée sur mobile
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 id
widget à l’intérieur @media
avec 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 ?
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é height
et 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 @media
se 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.
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;
}
}
0 commentaire