[SOLVED] Limit page max-width and center the top menu and header image

I tested my site on a large screen and it didn't look right. So I used the Style and configure Layout option and set the max width to 1920. This worked fine except the header image is justified left even though I pick centered in header image alignment window and the menu bar extends across the whole screen.
I've tried various combination of settings but no luck.

If I inspect the page and manually set the first element to:
max-width: 1920px;
margin-left: auto;
margin-right: auto;

everything works fine except the header logo image is left instead of centered. What can I add stilll center the image?