【发布时间】:2016-07-01 02:29:02
【问题描述】:
我在 wordpress 上使用主题氧气主题,但侧边栏显示不正确,您可以在此处查看其网址
http://212.159.70.57/karen/product-category/women/
您可以看到侧边栏显示在左下角我尝试更改主 div 容器的宽度来修复它,但它似乎没有解决问题
【问题讨论】:
我在 wordpress 上使用主题氧气主题,但侧边栏显示不正确,您可以在此处查看其网址
http://212.159.70.57/karen/product-category/women/
您可以看到侧边栏显示在左下角我尝试更改主 div 容器的宽度来修复它,但它似乎没有解决问题
【问题讨论】:
问题是产品所在的容器有一个类“行”,它给出了 100% 的宽度:
<div class="main">
<div class="laborator-woocommerce shop">
<div class="row">...</div>
<div class="codenegar-shop-loop-wrapper">
<div class="row">...</div>
<!-- Here is the problem -->
<div class="row">...</div>
<!-- Here is the problem -->
<div class="col-md-3 sidebar-env">...</div>
</div>
</div>
</div>
解决此问题的一种方法是将类更改为主题的类之一,如下所示:
<div class="main">
<div class="laborator-woocommerce shop">
<div class="row">...</div>
<div class="codenegar-shop-loop-wrapper">
<div class="row">...</div>
<!-- Here is the change -->
<div class="col-md-9">...</div>
<!-- Here is the change -->
<div class="col-md-3 sidebar-env">...</div>
</div>
</div>
</div>
希望这可以帮助您解决问题。
【讨论】: