Top Bar – Full Width but Hide on Mobile

Hi there.
I’m rebuilding the layout that a client had built in Elementor and I want a 2 column layout in the ‘Top Bar’. The left column having their phone number and right column having a secondary menu.

Firstly, I don’t want the top bar to appear on mobiles.

Secondly, I want the 2 column layout to be full width (of the container width).

https://i.postimg.cc/250dyn57/Glint-Top-Bar.png

I’ve created a 2 column Grid in Widgets > Top Bar
Added the phone number in the left (paragraph), and the menu in the right.
But they are scrunched up in the middle. Not full width of the container width.

What am I missing (or doing completely wrong)?

Thanks.

Martin