【问题标题】:Sidebar not loading correct place侧边栏未加载正确的位置
【发布时间】:2016-07-01 02:29:02
【问题描述】:

我在 wordpress 上使用主题氧气主题,但侧边栏显示不正确,您可以在此处查看其网址

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

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

【问题讨论】:

    标签: css wordpress


    【解决方案1】:

    问题是产品所在的容器有一个类“行”,它给出了 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>
    

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

    【讨论】:

    • 是的,这确实有效,我现在只需要弄清楚如何将它放入主题中,因为它使用 wb bakery
    • 好吧,检查你的主题使用的模板和做商店目录的插件@david
    • 我无法在我的生活中找到这段代码你在woocmerce中有什么想法,我可能尝试搜索但找不到它
    • 嗯,它的插件主题看起来如何。我会在空闲时间尝试检查它,因此我搜索创建产品列表的文件。如果您可以评论您正在使用的 tmeplate 以及插件的名称,那将有助于我开始。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-01-29
    • 1970-01-01
    • 1970-01-01
    • 2020-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多