Navigation HTML updates due to Weglot issues

Hello, 

I am currently working for a client that is using Weglot.
Weglot dunnot support <span> so basically my submenu actually appears in a messy way like this : https://en.marinmontagut.com/dcoration

I found the right code to fix this design problem by replacing the <span> by some <div>. My only issue right now is that i can change this custom code only page by page. But is there a way to add this simple code in the advanced settings CODE INJECTION without adding it page by page? I just need to set up this code to fix the menu and so then it will appear on my all website. But maybe some lines code are missing and that's why it wasn't working when i tried to add it in the Code Injection header part…

Thanks in advance for your help. N.

PS: This is the code that i changed to fix the menu issue and that needs to work for my all website:

 

              <nav class="Header-nav Header-nav--primary" data-nc-element="primary-nav" data-content-field="navigation">

                

  <div class="Header-nav-inner">

    <div class="Header-nav-item Header-nav-item--folder">

 

      <a href="/porcelaine" class="Header-nav-folder-title" data-controller="HeaderNavFolderTouch">PORCELAINE</a>

 

      <div class="Header-nav-folder">

            

              <a href="/eshop-porcelaine" class="Header-nav-folder-item">TOUT</a>

          

            

              <a href="/eshop-porcelaine?category=Assiettes" class="Header-nav-folder-item">ASSIETTES</a>

            

 

            

              <a href="/productspocelain-2" class="Header-nav-folder-item">BONBONNIÈRES</a>

            

 

            

              <a href="/porcelaine-3?category=Coupelles" class="Header-nav-folder-item">COUPELLES</a>

            

            

              <a href="/eshop-porcelaine?category=Carafes%20et%20Pichets" class="Header-nav-folder-item">CARAFES ET PICHETS</a>

            

            

              <a href="/productspocelain-2?category=Ex-voto" class="Header-nav-folder-item">EX-VOTO</a>

            

            

              <a href="/productspocelain-2?category=La%20Tour%20Eiffel" class="Header-nav-folder-item">LA TOUR EIFFEL</a>

 

            

              <a href="/productspocelain-2?category=Palette" class="Header-nav-folder-item">PALETTE</a>

            

            

              <a href="/productspocelain-2?category=Petite%20Cloche" class="Header-nav-folder-item">PETITE CLOCHE</a>

          

            

              <a href="/eshop-porcelaine?category=Plateaux" class="Header-nav-folder-item">PLATEAUX</a>

            

 

              <a href="/porcelaine-3?category=Ramequins" class="Header-nav-folder-item">RAMEQUINS</a>

            

            

              <a href="/productspocelain-2?category=Sculpture" class="Header-nav-folder-item">SCULPTURE</a>

            

            

              <a href="/eshop-porcelaine?category=Tasses" class="Header-nav-folder-item">TASSES</a>

            

 

            

              <a href="/productspocelain-2?category=Th%C3%A9i%C3%A8re" class="Header-nav-folder-item">THÉIÈRE</a>

            

 

              <a href="/productspocelain-2?category=Vase" class="Header-nav-folder-item">VASES</a>

            

            

              <a href="/productspocelain-2?category=Vide-poche%20coeur" class="Header-nav-folder-item">VIDE-POCHE CŒUR</a>

            

 

      </div>

    </div><div class="Header-nav-item Header-nav-item--folder">

 

      <a href="/verrerie" class="Header-nav-folder-title" data-controller="HeaderNavFolderTouch">VERRERIE</a>

 

      <div class="Header-nav-folder">

 

            

              <a href="/eshop-verrerie-peinte-la-main" class="Header-nav-folder-item">VERRERIE PEINTE À LA MAIN</a>

 

            

              <a href="/eshop-verrerie-peinte-la-main?category=Verre%20%C3%A0%20vin%20peints%20%C3%A0%20la%20main" class="Header-nav-folder-item">VERRES À VIN PEINTS À LA MAIN</a>

            

          

            

              <a href="/eshop-verrerie-peinte-la-main" class="Header-nav-folder-item">VERRES PEINTS À LA MAIN</a>

 

            

              <a href="/eshop-verrerie-peinte-la-main" class="Header-nav-folder-item">CARAFES PEINTES À LA MAIN</a>

 

            

              <a href="/eshop-verrerie-peinte-la-main?category=D%C3%A9canteurs%20peints%20%C3%A0%20la%20main" class="Header-nav-folder-item">DECANTEURS PEINTS À LA MAIN</a>

 

            

              <a href="/eshop-verrerie-peinte-la-main" class="Header-nav-folder-item">VASES PEINTS À LA MAIN</a>

 

            

              <a href="/eshop-verrerie-illustre?category=Verres%20illustr%C3%A9s" class="Header-nav-folder-item">VERRERIE ILLUSTRÉE</a>

 

        

      </div>

    </div><div class="Header-nav-item Header-nav-item--folder">

 

      <a href="/dcoration" class="Header-nav-folder-title" data-controller="HeaderNavFolderTouch">DÉCORATION</a>

 

      <div class="Header-nav-folder">

        

          

            

              <a href="/eshop-decoration" class="Header-nav-folder-item">TOUT</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Assiettes%20D%C3%A9coratives" class="Header-nav-folder-item">ASSIETTES DÉCORATIVES</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Bijoux" class="Header-nav-folder-item">BIJOUX</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Bougies" class="Header-nav-folder-item">BOUGIES</a>

            

          

        

          

            

              <a href="https://www.marinmontagut.com/eshop-decoration?category=Bouteilles" class="Header-nav-folder-item">BOUTEILLES</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Bo%C3%AEtes%20et%20Coffres" class="Header-nav-folder-item">BOÎTES ET COFFRES</a>

            

          

        

          

            

              <a href="https://www.marinmontagut.com/eshop-decoration?category=D%C3%A9coration%20de%20No%C3%ABl" class="Header-nav-folder-item">DÉCORATIONS DE NOËL</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Globes" class="Header-nav-folder-item">GLOBES</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Livres%20%C3%A0%20Secrets" class="Header-nav-folder-item">LIVRES À SECRETS</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Miroir" class="Header-nav-folder-item">MIROIR</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Planches%20Murales" class="Header-nav-folder-item">PLANCHES MURALES</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Savon" class="Header-nav-folder-item">SAVON</a>

            

          

        

          

            

              <a href="https://www.marinmontagut.com/eshop-decoration?category=Sculptures" class="Header-nav-folder-item">SCULPTURES</a>

            

          

        

          

            

              <a href="https://www.marinmontagut.com/eshop-decoration?category=COUPELLE" class="Header-nav-folder-item">VIDE-POCHES MARBRÉS</a>

            

          

        

          

            

              <a href="/eshop-decoration?category=Vitrines%20%C3%A0%20Merveilles" class="Header-nav-folder-item">VITRINES À MERVEILLES</a>

            

          

        

      </div>

    </div><div class="Header-nav-item Header-nav-item--folder">

 

      <a href="/textiles" class="Header-nav-folder-title" data-controller="HeaderNavFolderTouch">TEXTILES</a>

 

      <div class="Header-nav-folder">

        

          

            

              <a href="/eshop-textile" class="Header-nav-folder-item">Tout</a>

            

          

        

          

            

              <a href="/eshop-textile?category=Cachemire" class="Header-nav-folder-item">Cachemire</a>

            

          

        

          

            

              <a href="/eshop-textile?category=Foulards" class="Header-nav-folder-item">Foulards</a>

            

          

        

          

            

              <a href="/eshop-textile?category=Coussins" class="Header-nav-folder-item">Coussins</a>

            

          

        

          

            

              <a href="/eshop-textile?category=Essuie-mains" class="Header-nav-folder-item">Essuie-mains</a>

            

          

        

      </div>

    </div><div class="Header-nav-item Header-nav-item--folder">

 

      <a href="/papeterie" class="Header-nav-folder-title" data-controller="HeaderNavFolderTouch">PAPETERIE</a>

 

      <div class="Header-nav-folder">

        

          

            

              <a href="/eshop-papeterie" class="Header-nav-folder-item">Tout</a>

            

          

        

          

            

              <a href="/eshop-papeterie?category=Aquarelles" class="Header-nav-folder-item">Aquarelles</a>

            

          

        

          

            

              <a href="/eshop-papeterie?category=Carnets" class="Header-nav-folder-item">Carnets</a>

            

          

        

          

            

              <a href="/eshop-papeterie?category=Stylos" class="Header-nav-folder-item">Stylos</a>

            

          

        

      </div>

    </div><div class="Header-nav-item Header-nav-item--folder">

 

      <a href="/personnalisation" class="Header-nav-folder-title" data-controller="HeaderNavFolderTouch">PERSONNALISATION</a>

 

      <div class="Header-nav-folder">

        

          

            

              <a href="/eshop-personnalisation" class="Header-nav-folder-item">Tout</a>

            

          

        

          

            

              <a href="/personnalisation-verrerie" class="Header-nav-folder-item">Verrerie</a>

            

          

        

          

            

              <a href="/eshop-personnalisation?category=Livres%20%C3%A0%20Secrets" class="Header-nav-folder-item">Livres À Secrets</a>

            

          

        

          

            <a href="/votre-mur-a-merveilles" class="Header-nav-folder-item" data-test="template-nav">Votre Mur À Merveilles</a>

          

        

      </div>

    </div>

  </div>

 

              </nav>

 

             

Hi,

What is your site url?

Hello, 

This is my site url : https://www.marinmontagut.com/

The messy problem from the navigation menu only appears when you switch to another language like english, japan or korean. The french version is working good.

Thanks in advance.

N.

Try Design > Site Styles > Disable Ajax Loading then check again. It problem still appears. Try your approach, code add to Code Injection > Header