UiKit v3 Regular Header question

[Roadwolf]

For my site (http://site.roadwolf.ca) I have been trying to figure out why the header is limited to a specific width?  The rest of the page auto sizes to whatever size the width of the screen is.  But the header does not, and justifies to the left, leaving a white space on the right if the window / page is zoomed out enough.

I can't seem to find this setting in the css files.   Has anyone encountered this? 

[ottogal]

In your CSS you have

.uk-container {
  display: flow-root;
  box-sizing: content-box;
  max-width: 1200px;  /* <<<< */
}

That's the culprit.

[AndZyk]

Actually you should leave the styling of the uk-container untouched, because that it is a necessary UIkit class.

You can get the container to be full width by adding the class uk-container-expand.

<div id="masthead" class="uk-container uk-container-expand">

[Roadwolf]

Thank you!   AndZyk's suggestion seemed to work best.