Changement de logo et de sa position au scroll

Bonjour, je développe actuellement le design d'un nouveau site web pour lequel j'aimerai réaliser un header particulier :

Vue web :
- à l'ouverture de la page, le header présente un logo centré au dessus du menu de navigation (ça c'est tout bon c'est natif dans Divi)
- au scroll, le logo se transforme en un autre logo (navitement l'image se réduit, je souhaiterai qu'elle change en plus de se réduire (mettre un autre logo) et qu'un bouton "action" apparaisse dans la barre de navigation, entre le nouveau logo et les items menus.

J'utilise le template DIVI mais ne maitrise pas encore toutes les fonctionnalités, auriez vous des pistes à me proposer pour y parvenir ?

je mets des screenshots modifiés pour vous donner l'idée en pièce jointe, merci beaucoup !

l'url du site web http://www.harmonie-holistique.com
Pièce jointe 651002Pièce jointe 651003

Bonne journée à tous et merci encore d'avance