Janux主题优化

移动端顶部简化

  • 作用
    • 手机界面时不显示应用标题
    • 将菜单下拉选项合并到顶部一行显示
      @media only screen and (max-width: 767px){
          .navbar .inline-block {
          display: none;
          }
          a#mobile_menu{
          background:none;
          margin-top: 12px;
          }
          .navbar .header-nav{
          position:relative;
          }
          .navbar {
          padding-top: 0px;
          }
          .row-fluid [class*="span"] {
          min-height: 10px;
          }
          .navbar-inner {
          padding-left:0px;
          padding-right:10px;
          }
      /*任务箱调整,右侧有快捷菜单为180,无则调整为100*/
          .navbar .pull-right>li.inbox-notification>.dropdown-menu {
          right:-180px;
          text-align:left;
          }
          .navbar .nav>li.inbox-notification>.dropdown-menu:before, .navbar .nav>li.inbox-notification>.dropdown-menu:after{
          margin-right:180px;
          }
      }
      /*下拉菜单背景调整*/
      .dropdown-menu li a {
          background-color:#333;
          color:#fff;
      }
      
      /*锁定顶部*/
      header{
          position:fixed;
          top:0;
          width:100%;
          z-index:999;
      }
      /*顶部锁定后保证用户界面设计器标签可见*/
      #main{
          padding-top:50px;
      }
      
  • 调整效果
Create by Sean Fung on 2016-02-16 11:53:06.0
Last updated by Sean Fung on 2016-02-16 19:04:31.0