/** @format */ .woocommerce-layout__header { background: $white; display: flex; justify-content: space-between; flex-direction: row; box-sizing: border-box; border-bottom: 1px solid $white; padding: 0; height: $large-header-height; position: fixed; width: 100%; top: $adminbar-height; z-index: 1001; /* on top of #wp-content-editor-tools */ &.is-scrolled { box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.3); } @include breakpoint( '<782px' ) { top: $adminbar-height-mobile; height: $small-header-height; flex-flow: row wrap; } @include breakpoint( '782px-960px' ) { height: $medium-header-height; } .woocommerce-layout__header-breadcrumbs { font-size: 13px; font-weight: normal; padding: 0 0 0 $fallback-gutter-large; padding: 0 0 0 $gutter-large; flex: 1 auto; height: $small-header-height; line-height: $small-header-height; background: $white; @include breakpoint( '782px-960px' ) { height: $medium-header-height; line-height: $medium-header-height; } @include breakpoint( '>960px' ) { height: $large-header-height; line-height: $large-header-height; } span + span::before { content: ' / '; color: $gray-text; margin: 0 2px 0 2px; } a { color: $woocommerce; } } } .woocommerce-page { #contextual-help-link-wrap, #screen-options-link-wrap { margin-top: -1px; } }