Thank you waylaid. That works perfect from 870 onwards now. However, anything narrower than 870 the bar gets pushed under the logo and disappears on a mobile (getting my head around media queries has been a battle for me!).
It’s your structure. You have “responsive” elements, but you haven’t put them correctly in the HTML or CSS.
Think about structuring the element and the header widgets area differently. Maybe encapsulating them into the same div, but giving them widths so that you have them floating properly in the encapsulating div.
I played around with it in the Google Chrome editor and was able to solve the issue. I can put code down later if need be.
@JohnMac4 Thank you so much for reply.
Yes I had a feeling my structure is all messy. I was trying to overwrite an existing style sheet in child theme without going into the html/php structure ‘cos that scares me (relative newbie!). But I guess I have to give it a shot.
If you had the code handy there without too much trouble that’d be really great.