How to keep header and footer same size and proportion for each responsive view

I want to keep my responsive view consistent for my headers and footers, can anyone help?
They keep changing size when I change the proportions? Can’t get my head around it!

If your using a reusable element then have the page responsive and place all the items in a group that is set as fixed or has a max width.

If I apply a fixed width when I increase the page size I end up with this

1 Like

Try setting the min width percentage to 99

Still no look with that all that I am left with is this! Its missing the other half of my header