.et_pb_section_0_tb_header.et_pb_section{padding-top:0px;padding-bottom:0px;background-color:#ffffff!important}.et_pb_row_0_tb_header.et_pb_row{padding-top:0px!important;padding-bottom:0px!important;padding-top:0px;padding-bottom:0px}.et_pb_row_0_tb_header,body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row{width:90%;max-width:1440px}.et_pb_menu_0_tb_header.et_pb_menu ul li a{font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif;font-weight:500;text-transform:uppercase;font-size:11px;color:#000000!important}.et_pb_menu_0_tb_header.et_pb_menu{background-color:#ffffff}.et_pb_menu_0_tb_header{margin-top:5px!important;margin-bottom:5px!important}.et_pb_menu_0_tb_header.et_pb_menu .nav li ul,.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul{background-color:#ffffff!important}.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap,.et_pb_menu_0_tb_header .et_pb_menu__logo-slot{width:34%;max-width:100%}.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img,.et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img{height:auto;max-height:none}.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button{color:#2ea3f2}ul.et_pb_social_media_follow_0_tb_header{background-color:RGBA(255,255,255,0);padding-bottom:0px!important;margin-top:27px!important;margin-bottom:3px!important;margin-left:-29px!important}.et_pb_social_media_follow_0_tb_header li.et_pb_social_icon a.icon:before{color:#000000}.et_pb_button_0_tb_header,.et_pb_button_0_tb_header:after{transition:all 300ms ease 0ms}.et_pb_social_media_follow_network_0_tb_header a.icon{background-color:RGBA(255,255,255,0)!important}.et_pb_social_media_follow li.et_pb_social_media_follow_network_0_tb_header a{padding-top:1px;padding-bottom:0px;width:auto;height:auto}.menu-bouton{display:flex;align-items:center;justify-content:flex-end;gap:20px}.menu-bouton .et_pb_menu{flex:1}.menu-bouton .et_pb_button_module_wrapper{flex-shrink:0}qu'est ce que divi squadasous divi 4 je veux mettre le menu et un bouton sur la même ligne dans l'entete donc dans une seule colonne ?Divi Squad est simplement une extension qui ajoute des modules supplémentaires à Divi 4 et Divi 5 — carrousels,effets,contenus avancés,etc. Mais pour ce que tu veux faire,tu n'en as pas besoin.Dans ton header Divi 4, si tu veux avoir dans une seule colonne :MENU [ DEMANDER UN DEVIS ]le plus simple est de mettre un module Menu + un module Bouton dans la même colonne, puis de transformer la colonne en flex.Par exemple, donne à ta colonne la classe :menu-boutonDans Colonne → Avancé → ID et classes CSS → Classe CSS.Puis ajoute :.menu-bouton { display: flex; align-items: center; justify-content: flex-end; gap: 20px;}.menu-bouton .et_pb_menu { flex: 1;}.menu-bouton .et_pb_button_module_wrapper { flex-shrink: 0;}Ça te donnera :| MENU MENU MENU [ BOUTON ] |Le menu prendra l'espace disponible et le bouton restera à droite.Encore mieux pour ton headerSi tu as par exemple :| LOGO | MENU [DEVIS]|tu peux faire une ligne Divi avec 2 colonnes :Colonne 1 Colonne 2[LOGO][MENU][BOUTON]et mettre la classe menu-bouton uniquement sur la colonne 2.C'est probablement la solution que je choisirais sous Divi 4 : beaucoup plus propre que de créer une 3e colonne juste pour le bouton.Et tu peux gérer séparément le mobile avec un @media, notamment pour que le hamburger reste à côté du bouton plutôt que de passer dessous.Pièce jointe utilisateurcela ne marche pas Notre expertise Votre projet solaire Nos prestations Contactez-nous Notre expertise Votre projet solaire Nos prestations Contactez-nous 07 71 86 56 23 Suivre …Oui, ton HTML montre exactement pourquoi ça ne marche pas : la classe menu-bouton est placée sur le bouton lui-même, ici :alors qu'elle doit être placée sur la colonne 3/4 qui contient à la fois le module Menu et le module Bouton.Dans Divi 4,ouvre les paramètres de ta première colonne (3/4) → Avancé → ID et classes CSS → Classe CSS et mets :header-menu-boutonEnlève menu-bouton du module bouton,puis utilise :.header-menu-bouton{display:flex;align-items:center}.header-menu-bouton .et_pb_menu{flex:1 1 auto;margin-bottom:0!important}.header-menu-bouton .et_pb_button_module_wrapper{flex:0 0 auto;margin-left:25px;margin-bottom:0!important}Avec ton HTML actuel,cela transformera :COLONNE 3/4├── Menu+logo└── Bouton téléphoneen :COLONNE 3/4[LOGO | MENU MENU MENU MENU ][07 71 86 56 23 ]Le LinkedIn restera dans ta deuxième colonne 1/4.Tu peux même tester immédiatement sans toucher DiviComme ta colonne possède déjà cette classe automatique :et_pb_column_0_tb_headerteste directement :.et_pb_column_0_tb_header{display:flex;align-items:center}.et_pb_column_0_tb_header .et_pb_menu{flex:1 1 auto;margin-bottom:0!important}.et_pb_column_0_tb_header .et_pb_button_module_wrapper{flex:0 0 auto;margin-left:25px;margin-bottom:0!important}Ça devrait immédiatement faire remonter ton bouton téléphone sur la même ligne que le menu.Attention toutefois :d'après ta capture, ton menu occupe déjà pas mal de largeur. Une fois le téléphone remonté, il risque d'être un peu serré avec la répartition actuelle 3/4+1/4. Si tu me montres le résultat après avoir mis ce CSS,je peux te donner le réglage exact pour obtenir quelque chose du type :logo — menu — téléphone — LinkedInparfaitement aligné sur une seule ligne.Pièce jointe utilisateurca marche j'ai mis en plus le modile réseaux sociaux je voudrais qu'il soit aussi sur la ligne et que les 3 soient aignés en hauteur Notre expertise Votre projet solaire Nos prestations Contactez-nous Notre expertise Votre projet solaire Nos prestations Contactez-nous 07 71 86 56 23 Suivre …Oui,maintenant tes 3 modules sont bien dans la même colonne :le module Menule bouton téléphonele module réseaux sociauxDonc tu peux tout aligner proprement avec flex.Tu as déjà la classe menu-bouton sur la colonne. Remplace ton CSS par ceci :.menu-bouton{display:flex;align-items:center;justify-content:space-between;gap:20px}.menu-bouton .et_pb_menu{flex:1 1 auto;margin-bottom:0!important}.menu-bouton .et_pb_button_module_wrapper{flex:0 0 auto;margin:0!important}.menu-bouton .et_pb_social_media_follow{flex:0 0 auto;margin:0!important;padding:0!important}.menu-bouton .et_pb_social_media_follow li{margin-bottom:0!important}Le point important est :align-items:center;qui aligne verticalement les 3 blocs sur le même axe.Dans ton cas,je mettrais même plutôt :.menu-bouton{display:flex;align-items:center;gap:25px}.menu-bouton .et_pb_menu{flex:1 1 auto}.menu-bouton .et_pb_button_module_wrapper,.menu-bouton .et_pb_social_media_follow{flex:0 0 auto;margin:0!important}Ça devrait donner :[LOGO MENU MENU MENU MENU ][07 71 86 56 23 ][in ]et les trois seront centrés verticalement.Sur ta capture actuelle,le LinkedIn paraît légèrement plus bas parce que le module Social Media Follow possède ses propres marges/hauteurs internes. Si après ce CSS il reste encore décalé de quelques pixels,ajoute :.menu-bouton .et_pb_social_media_follow{display:flex;align-items:center}.menu-bouton .et_pb_social_media_follow li{margin:0!important}Et si tu veux un alignement vraiment parfait par rapport au centre du bouton téléphone,on peut aussi cibler précisément la hauteur du ul LinkedIn..menu-bouton{display:flex;align-items:center;justify-content:flex-end;gap:20px}.menu-bouton .et_pb_menu{flex:1}.menu-bouton .et_pb_button_module_wrapper{flex-shrink:0}qu'est ce que divi squadasous divi 4 je veux mettre le menu et un bouton sur la même ligne dans l'entete donc dans une seule colonne ?Divi Squad est simplement une extension qui ajoute des modules supplémentaires à Divi 4 et Divi 5 — carrousels,effets,contenus avancés,etc. Mais pour ce que tu veux faire,tu n'en as pas besoin.Dans ton header Divi 4, si tu veux avoir dans une seule colonne :MENU [ DEMANDER UN DEVIS ]le plus simple est de mettre un module Menu + un module Bouton dans la même colonne, puis de transformer la colonne en flex.Par exemple, donne à ta colonne la classe :menu-boutonDans Colonne → Avancé → ID et classes CSS → Classe CSS.Puis ajoute :.menu-bouton { display: flex; align-items: center; justify-content: flex-end; gap: 20px;}.menu-bouton .et_pb_menu { flex: 1;}.menu-bouton .et_pb_button_module_wrapper { flex-shrink: 0;}Ça te donnera :| MENU MENU MENU [ BOUTON ] |Le menu prendra l'espace disponible et le bouton restera à droite.Encore mieux pour ton headerSi tu as par exemple :| LOGO | MENU [DEVIS]|tu peux faire une ligne Divi avec 2 colonnes :Colonne 1 Colonne 2[LOGO][MENU][BOUTON]et mettre la classe menu-bouton uniquement sur la colonne 2.C'est probablement la solution que je choisirais sous Divi 4 : beaucoup plus propre que de créer une 3e colonne juste pour le bouton.Et tu peux gérer séparément le mobile avec un @media, notamment pour que le hamburger reste à côté du bouton plutôt que de passer dessous.Pièce jointe utilisateurcela ne marche pas Notre expertise Votre projet solaire Nos prestations Contactez-nous Notre expertise Votre projet solaire Nos prestations Contactez-nous 07 71 86 56 23 Suivre …Oui, ton HTML montre exactement pourquoi ça ne marche pas : la classe menu-bouton est placée sur le bouton lui-même, ici :alors qu'elle doit être placée sur la colonne 3/4 qui contient à la fois le module Menu et le module Bouton.Dans Divi 4,ouvre les paramètres de ta première colonne (3/4) → Avancé → ID et classes CSS → Classe CSS et mets :header-menu-boutonEnlève menu-bouton du module bouton,puis utilise :.header-menu-bouton{display:flex;align-items:center}.header-menu-bouton .et_pb_menu{flex:1 1 auto;margin-bottom:0!important}.header-menu-bouton .et_pb_button_module_wrapper{flex:0 0 auto;margin-left:25px;margin-bottom:0!important}Avec ton HTML actuel,cela transformera :COLONNE 3/4├── Menu+logo└── Bouton téléphoneen :COLONNE 3/4[LOGO | MENU MENU MENU MENU ][07 71 86 56 23 ]Le LinkedIn restera dans ta deuxième colonne 1/4.Tu peux même tester immédiatement sans toucher DiviComme ta colonne possède déjà cette classe automatique :et_pb_column_0_tb_headerteste directement :.et_pb_column_0_tb_header{display:flex;align-items:center}.et_pb_column_0_tb_header .et_pb_menu{flex:1 1 auto;margin-bottom:0!important}.et_pb_column_0_tb_header .et_pb_button_module_wrapper{flex:0 0 auto;margin-left:25px;margin-bottom:0!important}Ça devrait immédiatement faire remonter ton bouton téléphone sur la même ligne que le menu.Attention toutefois :d'après ta capture, ton menu occupe déjà pas mal de largeur. Une fois le téléphone remonté, il risque d'être un peu serré avec la répartition actuelle 3/4+1/4. Si tu me montres le résultat après avoir mis ce CSS,je peux te donner le réglage exact pour obtenir quelque chose du type :logo — menu — téléphone — LinkedInparfaitement aligné sur une seule ligne.Pièce jointe utilisateurca marche j'ai mis en plus le modile réseaux sociaux je voudrais qu'il soit aussi sur la ligne et que les 3 soient aignés en hauteur Notre expertise Votre projet solaire Nos prestations Contactez-nous Notre expertise Votre projet solaire Nos prestations Contactez-nous 07 71 86 56 23 Suivre …Oui,maintenant tes 3 modules sont bien dans la même colonne :le module Menule bouton téléphonele module réseaux sociauxDonc tu peux tout aligner proprement avec flex.Tu as déjà la classe menu-bouton sur la colonne. Remplace ton CSS par ceci :.menu-bouton{display:flex;align-items:center;justify-content:space-between;gap:20px}.menu-bouton .et_pb_menu{flex:1 1 auto;margin-bottom:0!important}.menu-bouton .et_pb_button_module_wrapper{flex:0 0 auto;margin:0!important}.menu-bouton .et_pb_social_media_follow{flex:0 0 auto;margin:0!important;padding:0!important}.menu-bouton .et_pb_social_media_follow li{margin-bottom:0!important}Le point important est :align-items:center;qui aligne verticalement les 3 blocs sur le même axe.Dans ton cas,je mettrais même plutôt :.menu-bouton{display:flex;align-items:center;gap:25px}.menu-bouton .et_pb_menu{flex:1 1 auto}.menu-bouton .et_pb_button_module_wrapper,.menu-bouton .et_pb_social_media_follow{flex:0 0 auto;margin:0!important}Ça devrait donner :[LOGO MENU MENU MENU MENU ][07 71 86 56 23 ][in ]et les trois seront centrés verticalement.Sur ta capture actuelle,le LinkedIn paraît légèrement plus bas parce que le module Social Media Follow possède ses propres marges/hauteurs internes. Si après ce CSS il reste encore décalé de quelques pixels,ajoute :.menu-bouton .et_pb_social_media_follow{display:flex;align-items:center}.menu-bouton .et_pb_social_media_follow li{margin:0!important}Et si tu veux un alignement vraiment parfait par rapport au centre du bouton téléphone,on peut aussi cibler précisément la hauteur du ul LinkedIn.