WooCommerce - header.php 在类别页面上的集成方式不同答案

【问题标题】：WooCommerce - header.php is integrated differently on Category pageWooCommerce - header.php 在类别页面上的集成方式不同
【发布时间】：2014-01-09 16:50:24
【问题描述】：

我的类别页面的显示方式有一个奇怪的问题，选择器的元素显示在正文标记中。这会导致导航栏和徽标标题出现对齐问题。奇怪的是，此问题仅发生在类别页面 (Archive.php) 上，而所有模板（主页、产品页面、类别页面等）中都加载了相同的 header.php 文件。我尝试禁用所有插件但没有成功，还恢复到原始archive.php文件但结果相同。

查看以下链接：http://www.best-foods-for-fat-burning.com/wordpress/?product_cat=%D7%91%D7%A9%D7%A8-%D7%91%D7%A7%D7%A8

非常感谢任何帮助或指导。

问候提供

【问题讨论】：

您能否提供未发生问题的其他页面的链接，以便我看到差异。我不懂希伯来语，所以我不明白哪些是其他页面。
是的，当然 - best-foods-for-fat-burning.com/wordpress

标签： php wordpress http-headers woocommerce

【解决方案1】：

虽然在没有实际文件的情况下很难调试 css，但我认为 current_page_item 中的正确填充会导致问题，

nav li.current_page_item {
    padding-right: 13px;
    display: block;
    height: 40px;
}

把这个改成，

nav li.current_page_item {
    display: block;
    height: 40px;
}

然后告诉我。认为它应该可以工作。

【讨论】：

不，不这样做。我将尝试强调我在这个问题上的一个重要发现。标记的元素被嵌入到标记中，原因不明，仅在类别页面上，我相信这就是问题所在。问题是我不知道是什么导致了这种情况发生。我尝试禁用插件，但没有帮助。因为这个网站是在 wordpress 上运行的，所以这对我来说甚至没有意义，因为每个模板文件中都加载了相同的 header.php。
问题不在于插件。它必须是 css 的 bcoz。我从浏览器开发工具中找到的内容编写了上述 css。它在浏览器中运行良好。它可能与您文件中的 css 不匹配。找到负责该项目的 css 并更改它。似乎从您的父主题或 woo 商务风格生成了某种填充。试试下面代码中的代码，看看会发生什么
nav li.current_page_item { padding-right: 0px!important; }
没有变化，我也尝试删除所有与 nav li.current_page_item 相关的行。我不是专家，但我不觉得这是一个 css 问题，为什么这样的事情会导致嵌入到标签的中间？
Suman.hassan95，您是如何看到 css 中的更改有效的。在什么浏览器中？它对我没有影响。