Question

（Wordpress）菜单会覆盖任何页面，隐藏价格和其他元素，请参阅：

主题名称：SHOPPER RESPONSIVE WOOCOMMERCE

我的网站：iporao.com.br

解决：在header.php中有一个叫做标题间距的类，我把100px的margin-top解决了问题。谢谢大家

Answer 1

OMG，菜单位置绝对且固定在顶部。如果您想在菜单下方推送内容，可以添加具有特定高度的间隔div。无论如何没有带菜单的标题代码，我无法建议你应该在哪里添加那个spacer。

通常我将整个标题设置为绝对位置，然后在标题后添加类似<div class="header-spacer"></div>的内容，然后在javascritp中添加函数

function spacerHeight() {
    var headerHeight = $('.header').outerHeight();
    $('.header-spacer').height(headerHeight);
}

并在文件准备好和调整大小后触发该功能。

在您的主题中，间隔名称为.header_spacing，您可以尝试在该主题设置中搜索名称标题间距的某些内容，或者只需添加https://iporao.com.br/wp-content/themes/ShopperWooTheme/js/scripts.js文件>

spacerHeight();

$( window ).resize(function() {
    spacerHeight();
});

function spacerHeight() {
    var headerHeight = $('#header').outerHeight();
    $('.header_spacing').height(headerHeight);
}

在$(document).ready(function() {

之后

Wordpress主题不适应

1 个答案: