Header not full-width on initial load

[bobbybosler]

Hello there, I’m having a problem with a page I’m just about to complete and launch (https://thewar.team/new/). The header I built in the header builder (for mobile size only) isn’t appearing full-width when it initially loads on my phone (iPhone 13 Pro Max). As soon as I begin to scroll, it adapts to full width, but I want it to start that way. I’ve tried a number of CSS solutions, but I can’t for the life of me figure out why it’s doing this or how to fix it. Any help would be greatly appreciated.

I’ll attach what it looks like on initial load and what it looks like once the page scrolls for your reference in case you can’t reproduce the issue.

[ruenel]

Hello @bobbybosler,

To make sure that your Header Bar element is full width, you can set it explicitly in your Bar element settings or in your Container element.

Kindly let us know how it goes.