Dear All,
I’m currently running the website on a local test environment.
So unfortunately I can’t show the live version yet.
I’ve removed the
width 100%
Then I realized that the spacing for the header was creating the gap, this time on both sides.
I reduced the header spacing to 0
And my bar sits neatly flush to the top and sides of my header.
And is responsive.
The only issue is that my Logo and header widget are also sitting flush with the sides of the header.
Which doesn’t look so well. But I can find a way to get around it.
As always. Many thanks for the support and quick response.