Move Logo To The Left Side In Sticky Header During Scrolling In Dawn Theme

I want my logo to move to the left side when the permanent sticky header is active, when the user scrolls down as shown in the video below I want my logo to be placed on the left side in the highlighted area,

How can I achieve this?

I think this can be done using a javascript function, either way any help is much appreciated!

Thank you :slightly_smiling_face: