在浏览器窗口最大化上更改样式属性

Question

我有一个使用响应主题的Wordpress website。该主题的菜单位于div #main-nav中，它为min-height附加了一个样式属性，因此在较小的屏幕上，菜单项可以叠加在一起。我面临的问题是，当用户使用最大化按钮或窗口+向上箭头最大化他/她的屏幕时，样式属性不能正确调整。

我尝试实现以下代码，它有效地覆盖了主题的最小高度功能，但似乎无法实现最大化：

$(window).resize(function(){
    if ($(window).width() > 991) {
        $('#main-nav').css('min-height', '76px');
    }
});

任何人都可以帮助我吗？