Reduce overall width

  • Resolved michelbenita

    (@michelbenita)


    9 years, 2 months ago

    I’m still trying to reduce the overall padding, including header. In fact I’d like to have everything closer to the edges, left and right.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Ben Sibley

    (@bensibley)

    This is a bit complicated to adjust, but the following should work well:

    @media all and (min-width: 56.25em) {

  .site-header {
    padding: 0 3.703%;
  }
  .main {
    margin-left: 3.703%;
  }
  .sidebar-primary-container {
    width: 29.628%;
  }
}

    The CSS above will move the items in the header closer to the left and right side, move the main section closer to the left side, and increase the width of the sidebar to move it closer to the right side all while maintaining Ignite’s grid system for layout.

    Thread Starter michelbenita

    (@michelbenita)

    Thanks a lot, I’ll try this.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Reduce overall width’ is closed to new replies.