jmccole83
1/4/2018 - 2:23 PM

Full Width Container

Add full-width.scss to _grid.scss in Sage to enable full width containers. Use the page's body class to apply it only to specific pages.

.wrap.container {
    width: 100% !important;
    padding: 0 !important;
    .content.row {
        margin: 0!important;
        .main {
            padding: 0 !important;
        }
    }
}

// home page only example
.home {
  .wrap.container {
    width: 100% !important;
    padding: 0 !important;
    .content.row {
        margin: 0!important;
        .main {
            padding: 0 !important;
        }
    }
  }
}