WordPress.org

Support

Support » Themes and Templates » zAlive » [Resolved] change top menu bar height

[Resolved] change top menu bar height

  • Hi,
    I just downloaded your new version of zAlive. It looks pretty good. But after I created myown menu and assigned it to the top menu bar, the height of the dropdown menu items are too big. I tried to edit the CSS style but still could not fix the problem. The following is the section I work on:
    /* header Begin */
    #header{padding:15px 0;margin-bottom:20px;background:rgba(68,68,68,0.88);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E1444444,endcolorstr=#E1444444);position:relative;}
    .navbar{margin-bottom:0;position:relative;z-index:2;}
    .navbar-inner{background:#e8e7e7;border:0;padding-left:0;padding-right:0;}
    .navbar .brand{margin:0;background:#73a53e;color:#fff;text-shadow:none;line-height:60px;padding:0px 20px;font-size:32px;}
    .navbar .brand a{display:block;color:#fff;overflow:hidden;word-break:break-all;text-overflow:ellipsis;}
    .navbar .brand a:hover,.navbar .brand a:focus{text-decoration:none;}
    .navbar .nav{display:none;padding:10px 0;margin:0 10px;}
    .navbar .nav>li>a{color:#73a53e;text-shadow:none;}
    .navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle,.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{color:#fff;background:#73a53e;}
    .navbar .nav li.dropdown>.dropdown-toggle .caret,.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret{border-top-color: #73a53e;border-bottom-color: #73a53e;}
    .navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color: #fff;border-bottom-color: #fff;}
    .navbar .nav>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu:after{content:none;border:none;}
    #header .dropdown-menu{margin:0;border:0;background:#73a53e;padding:5px;}
    #header .dropdown-menu>li>a{color:#fff;line-height:30px;}
    #header .dropdown-menu>li>a:hover,#header .dropdown-menu>li>a:focus,#header .dropdown-submenu:hover>a,#header .dropdown-submenu:focus>a {color:#73a53e;background:#e7e7e7;filter:none;}

    Please help. Thanks
    zhaozh

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author zenoven

    @zenoven

    What browser are you using when this happened ?

    It’s internet explorer.
    After received your message I tried Chrome and it’s much better. Did not know that.
    So for IE, is there any solution?
    Thanks a lot!!!

    Theme Author zenoven

    @zenoven

    IE11 ? I just found this happened in IE11 and all other browsers work well, IE11 is not stable for now but I will try to fix it as possible.

    It’s IE 10 in Win8.
    Thanks!

    Theme Author zenoven

    @zenoven

    OK, Thanks for telling me that 🙂

    Theme Author zenoven

    @zenoven

    Bug fixed in new version 1.2.6 but it needs to be reviewed by the WordPress admins。

    If you can’t wait, just copy the following snippet to the Custom CSS style area in theme options page.

    .navbar .nav li{list-style:none;}

    That is great zenoven!
    I added this line and it fixed the problem right away.
    Many thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] change top menu bar height’ is closed to new replies.
Skip to toolbar