WooCommerce店面标题购物车：使下拉购物车内容更宽，并向左（右对齐）

我正在使用WooCommerce店面作为我的网站。我想标题车下拉内容更广泛，并下降到左侧（右对齐）。由于我的标题购物车位于屏幕的右上角，一半的下拉购物车内容消失在屏幕的右侧。我怎样才能使购物车内容落在左边

我尝试了以下方法：

CSS:

我的变化：

.site-header-cart .widget_shopping_cart {
    position: absolute;
    top: 100%;
    width: 300px;
    z-index: 999999;
    font-size: .875em;
    left: -999em;
    display: block;
        right: 0;
}

但是没有用。仍然有一半的购物车内容没有显示在下面的屏幕截图中

---

删除css不需要绝对位置，因为它的位置已经存在

.site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
    left: 0px;
    display: block;
}

这是店面迷你购物车的标准css，因为您将看到左侧被设置为0，这意味着它将始终离开顶部

项目的左边缘，以便进行调整-减去左侧以调整位置，如

   .site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
        left: -120px;
        display: block;
    }

---

布拉德·霍姆斯，完美！只为一行CSS代码浪费了几个小时！非常感谢你。

   .site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
        left: -120px;
        display: block;
    }