Skip to content Skip to sidebar Skip to footer

100vw Div Not Showing Full Width

I am trying to make the gray div(id='ex-home-bottom-container') toward the bottom of this page http://patrickbaker.biz/starter-d/ the width of the full page. Which means breaking

Solution 1:

  1. Remove overflow: hidden from .site-inner which is hiding your extending space of ex-home-bottom-container
  2. left property will not work unless position is specified. Use margin-left instead.
#ex-home-bottom-container {
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

Output:

enter image description here

Post a Comment for "100vw Div Not Showing Full Width"