Bug menu qui se ferme, Wordpress framework Divi

Version imprimable

19/07/2022, 10h30
diwedu6

Bug menu qui se ferme, Wordpress framework Divi

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.

Code css

Voici le code css :

Code:

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; 
}

19/07/2022, 20h59
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à.

Citation:

Envoyé par diwedu6

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
20/07/2022, 06h35
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.
21/07/2022, 11h07
DonKnacki

Citation:

Envoyé par diwedu6

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 :D )

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)

code js

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:

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>

02/07/2025, 16h16
Mister Socrates

Citation:

Envoyé par wenshee

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