.woocommerce-layout__footer { background: $studio-white; border-top: 1px solid $gray-200; box-sizing: border-box; padding: 0; position: fixed; width: calc(100% - 160px); bottom: -1px; /* to hide the border when no visible children */ z-index: 1001; /* on top of #wp-content-editor-tools */ .woocommerce-profile-wizard__body & { width: 100%; } @include breakpoint('782px-960px') { width: calc(100% - 36px); } @include breakpoint('<782px') { flex-flow: row wrap; width: 100%; } }