Question

我正在更换网站。我是一名平面设计师，我在编码方面有点蠢蠢欲动。

This is the website我正在谈论。我需要修理导航栏并使其更高（我需要徽标才能完全适应它）。

我用谷歌搜索，试图找到解决方案，我读了很多东西，我已经尝试改变Bootstrap或CSS文件中的内容，但什么都没发生。

编辑：

<header id="topNav" style="height: 81px;"><!-- remove class="topHead" if no topHead used! -->
        <div class="container">

Answer 1

将徽标图像样式更改为并测试

style="max-height:100%; width:auto; "

在文件目录/ view / assets / js / scripts.js的以下行中改变line-height：value;

jQuery('header#topNav a.logo').stop().animate({ 'line-height':'50px', 'margin-top':'0'},400);

Answer 2

@onlinewebsite，你给了我一个提示。

function topMain() {
    var _scrollTop = jQuery(document).scrollTop();

    if(window.topNavSmall === false && _scrollTop > 0) {

        jQuery('header#topNav div.nav-main-collapse').addClass('topFix');
        jQuery('#topNav').stop().animate({ 'height':'95px'},400);
        jQuery('header#topNav div.nav-main-collapse').stop().animate({ 'margin-top':'6px'},400);
        jQuery('header#topNav button').stop().animate({ 'margin-top':'0'},100);
        jQuery('header#topNav a.logo').stop().animate({ 'margin-top':'-10px'},400);

        if(jQuery('#header_shadow').length > 0) {
            jQuery('#header_shadow').stop().animate({ 'top':window._headHeightSmall + 'px'},400);/* just a little visible */
        }

        window.topNavSmall = true;
    } 

    if(window.topNavSmall === true && _scrollTop < 3) {
        jQuery('header#topNav div.nav-main-collapse').removeClass('topFix');
        jQuery('#topNav').stop().animate({ 'height':'105px'},400);
        jQuery('header#topNav div.nav-main-collapse').stop().animate({ 'margin-top':'16px'},400);
        jQuery('header#topNav button').stop().animate({ 'margin-top':'8px'},100);
        jQuery('header#topNav a.logo').stop().animate({ 'line-height':'105px', 'margin-top':'0'},400);

        if(jQuery('#header_shadow').length > 0) {
            jQuery('#header_shadow').stop().animate({ 'top':window._headHeight + 'px'},400);
        }

        window.topNavSmall = false;
    }
}

现在它完美无缺。

我无法使用bootstrap设置模板的导航栏

2 个答案: