header widget problem

Hi Andy,
Thanks for your css. After applying your css to my site the header looks ridiculous.

Also no longer responsive. Have a look at this screenshot.

Here is the link to the previous thread that is closed.

The logo shrinks on page scroll but the info on the right side does not shrink and stays there with huge 240px height like a grumpy old man.

Did you really gave me that solution and thought that would do the trick ?

Again I insist, This is not a custom development issue. Your theme supports a widget on header. All I am trying is to make it work. Please chat with your team and provide me a sensible solution.

I want header element (logo and address widget) behave right. shrink to the same level. If that solution is hard then may be we can put another widget on header for social icons so that at page scroll it goes to the right. I want it Like this screenshot. and on mobile, responsive like this screenshot.

Those screenshots are just to give you an idea of how i want it done since you said previously that widget can not shrink on scroll.
Login details are supplied in private content. Lets make it work.

Thank you.