Layouts

Con has several layouts. You can choose full-width top navbar or full-height sidebar.

Toggle Boxed - add boxed classname to <body> tag.

<body>
  <nav class="navbar-top"></nav>
  <aside class="yaybar"></aside>
</body>
<body class="yay-hide">
  <nav class="navbar-top"></nav>
  <aside class="yaybar yay-hide-to-small"></aside>
</body>
<body>
  <nav class="navbar-top navbar-static"></nav>
  <aside class="yaybar"></aside>
</body>
<body class="yay-hide">
  <nav class="navbar-top navbar-static"></nav>
  <aside class="yaybar yay-hide-to-small"></aside>
</body>

<body>
  <nav class="navbar-top navbar-under"></nav>
  <aside class="yaybar"></aside>
</body>
<body class="yay-hide">
  <nav class="navbar-top navbar-under"></nav>
  <aside class="yaybar yay-hide-to-small"></aside>
</body>
<body>
  <nav class="navbar-top navbar-under navbar-static"></nav>
  <aside class="yaybar"></aside>
</body>
<body class="yay-hide">
  <nav class="navbar-top navbar-under navbar-static"></nav>
  <aside class="yaybar yay-hide-to-small"></aside>
</body>