arc-hive-wordpress-theme/dist/assets/scss/modules/_navigation.scss

@include breakpoint(small){
  .widget_nav_menu {
    ul.menu {
      list-style: none;
      margin: 0;
      padding: 0;
      li.menu-item-has-children {
        display: inline-block;
        position: relative;
        &:hover,&:focus-within {
          > ul.sub-menu {
            display: inline-block;
            position: absolute;
            margin-left: 0;
            background-color: $white;
          }
        }
        ul.sub-menu {
          list-style: none;
          display: none;
          li.menu-item-has-children {
            position:relative;
            display: inline-block;
            padding-right:100%;
            > a:after {
              content: ' > ';
              display: inline;
              position: absolute;
              color: scale-color($anchor-color, $lightness: 80%);
            }
            &:hover,&:focus-within {
              > ul.sub-menu {
                display: inline-block;
                position: absolute;
                top: 0;
                left: 50%;
                margin-left: auto;
                width: 100%;
              }
            }
          }
        }
      }
    }
  }
}
@include breakpoint(medium){
  .widget_nav_menu {
    ul.menu {
      // list-style: none;
      // margin: 0;
      // padding: 0;
      li.menu-item-has-children {
        // display: inline-block;
        // position: relative;
        &:hover,&:focus-within {
          > ul.sub-menu {
            // display: inline-block;
            position: absolute;
            // margin-left: 0;
            // background-color: $white;
          }
        }
        ul.sub-menu {
          // list-style: none;
          // display: none;
          li.menu-item-has-children {
            // position:relative;
            // display: inline-block;
            // padding-right:100%;
            > a:after {
              // content: ' > ';
              // display: inline;
              // position: absolute;
              // color: scale-color($anchor-color, $lightness: 80%);
            }
            &:hover,&:focus-within {
              > ul.sub-menu {
                // display: inline-block;
                position: absolute;
                // top: 0;
                // left: 50%;
                // margin-left: auto;
                // width: 100%;
              }
            }
          }
        }
      }
    }
  }
}
@include breakpoint(large){
}