KatesDesignCottage

Happy to help!

I was missing a line, try this:
.header-actions { display: inline-flex; align-items: flex-end; flex-direction: column; } .header-actions--right .customerAccountLoginDesktop { order: 2; } .header-actions .language-picker-desktop { order: 0; } .header-actions-action .header-actions-action--cart { order: 3; }  

Try this:
.header-actions { display: inline-flex; align-items: flex-end; flex-direction: column; } .header-actions--right .customerAccountLoginDesktop { order: 0; } .header-actions .language-picker-desktop { order: -2; } .header-actions-action .header-actions-action--cart { order: 3; }  

Yes, that looks great! 
Could you mark my post as the solution and give it a like? Thanks!
You can try this, but it stacks the 3 items on the right.
.header-actions { display: inline-flex; align-items: flex-end; } .header-actions--right .customerAccountLoginDesktop { order: 2; } .header-actions .language-picker-desktop { order: 1; } .header-actions-action .header-actions-action--cart { order: 3; }  

Can you share your website URL?
Upload the logo (without the name), then set the header style to have the navigation in the center and the logo on the left. Then we can add the company name above the navigation with a little code. 

Thank you so much Ziggy for you help. My URL is https://www.katesdesigncottage.com/
I have changed the header like you suggested, now the site navigation is no longer in one line though? Is there a code for that too please?