Discussion :

[diwedu6]

Bonjour à tous,

Je suis en stage pour la première fois en info et mon patron me demande de corriger 7 bugs dont un est celui ci :


Sur smartphone le menu du site : lesdrolesdebouilles
se ferme dès lors qu'on clique dessus (on doit donc réouvrir la fenêtre).

Je ne sais pas si c'est un problème récurrent ou pas mais je veux bien votre aide.

De plus je galère énormément avec WordPress et Divi (le framework) je voudrais donc savoir si vous me conseillez une appli particulière (et gratuite) pour téléchargé le css et html du site.

Je vous remercie.

[diwedu6]

Voici le code css :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/* CSS refermer les sous-menus sur téléphone */
 
#main-header .et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}

[mathieu]

divi est un thème payant donc pour ce genre de souci, c'est plutot le vendeur du thème qu'il faut contacter.
parfois le souci vient d'une extension donc pour vérifier cela vous pouvez désactiver toutes les extensions pour voir si le souci est toujours là.

pour téléchargé le css et html du site

je ne suis pas sur de comprendre ce que vous voulez faire.
si vous voulez analyser le code html et le code css, vous pouvez commencer par utiliser les outils de développement de votre navigateur. par exemple si vous utilisez firefox, regardez là :
https://firefox-source-docs.mozilla....tor/index.html

[Christophe]

1er truc, ne travailles pas directement sur le site mais sur une copie.

2ème truc : il te faut comprendre la philosophie wordpress. En général on ne modifie pas directement du CSS, sauf si tu créé un thème (ou une extension)

Divi est un constructeur de pages pour wordpress, ça se présente sous forme de thème et d'une extension.

Tu dois donc également prendre en main cet outil.

Commences par regarder si les extensions et le thème sont à jour.

[DonKnacki]

Je voudrais modifier le code directement depuis Visual Code (et pas le site wordpress, plus simplement)

Ça ne me parait pas être la meilleure solution
Si le soucis vient de Divi, vous aurez bien du mal à le corriger et cela sera perdu lors de la mise à jour (je n'ai pas été regardé si on pouvait contribuer à Divi )

néanmoins, je répond pour votre culture:
le code source doit être sur un serveur http. Souvent, les hébergeurs fournissent un lien FTP dans lequel on peut mettre les fichiers de notre choix (et donc tous ce qu'il faut pour wordpress)
Ici vous parlez de préprod donc j'imagine que votre entreprise héberge elle même les sources. Vous n'avez donc pas d'autre choix que de demander à votre responsable si il a la réponse ou comment l'avoir (souvent c'est la DSI qui se charge des serveurs)

[wenshee]

Salut je viens tard dans la conversation, mais je réponds pour les prochains, si vous utilisez le theme divi avec le menu slide voila un code qui marche pour fermer le menu quand on clique sur le site, et pour le laisser ouvert quand on clique sur des sous catégorie ou n'importe ou ailleurs dans le menu.
a mettre dans le "body" du site (dans divi-> option theme -> intégration -> body)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
var closeDelay = 100;
 
(function($) {
  $(window).on('load', function() {
    setTimeout(function() {
      $('#main-content, .et_pb_fullscreen_nav_container a').each(function() {
        $(this).on('click', function(e) {
          // Vérifie si le clic a eu lieu dans le menu
          if ($(e.target).closest('.et_slide_in_menu_container').length === 0) {
            setTimeout(function() {
              if ($('.et_pb_slide_menu_opened').is(':visible')) {
                $('.et_toggle_slide_menu').trigger('click');
              }
            }, closeDelay);
          }
        });
      });
    }, 1200);
  });
})(jQuery);
</script>

[Mister Socrates]

a mettre dans le "body" du site (dans divi-> option theme -> intégration -> body)

Si cette fonction concerne l'entièreté du site, il me semble préférable de placer ce script dans le dossier functions.php