The navigation bar will now look like: As you can see, we have a problem. The list items are presented together with no spaces between items. We can solve this by adding: nav ul li {float:left; ...

Right now the style that control nav expanded/collapsed, and whether the main content takes up the entire viewport or not are dependent on markup structure (eg .pf-v6-c-page__sidebar.pf-m-collapsed + ...