边栏未加载正确的位置

时间:2015-07-31 22:09:03

标签: css wordpress

我在wordpress上使用主题氧气主题,但侧边栏显示不正确,你可以在这里看到它的网址

http://212.159.70.57/karen/product-category/women/

你可以看到侧边栏显示在左下方我试过更改主div容器宽度来修复它但它似乎没有解决问题

1 个答案:

答案 0 :(得分:0)

问题在于产品所在的容器有一个类" row"它给出了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>

希望这可以帮助您解决问题。