如何在 WooCommerce 中将侧边栏从右侧移动到左侧？

Question

我有一个不知道如何解决自己的问题。 我有一个使用 Galeria Storefront Child 主题的 WooCommerce 网站。 在他们的商店页面设置中，侧边栏只能在右侧。 我想将侧边栏移动到左侧，并且仅在商店页面上。 我试过这个CSS：

div.woocommerce_product_categories-2.widget .woocommerce widget_product_categories {
    float:left!important;
}

但似乎什么都没有改变..侧边栏仍然在左侧。 帮助？

Answer 1

您需要将左浮动应用于侧边栏，将右浮动应用于内容。 此外，从左侧到右侧交换边距等。

请注意，您的样式表中有媒体查询，因此您必须摆弄特殊性。

 body.archive #primary{ float: right; margin-left: 4.347826087%; margin-right: 0; } body.archive #secondary { float: left; }

Answer 2

1. 更改/应用 float:right 到您的内容容器
2. 更改/应用 float:left 到您的侧边栏容器

当侧边栏向左移动时，您可以相应地调整边距和填充。

Answer 3

WooCommerce 5.2.2

 .with_aside .sections_group { float: right; }