Difference between revisions of "Template:UFlorida/Menu"

Line 19: Line 19:
 
       left:0;
 
       left:0;
 
     }
 
     }
 +
 +
  /* MENU STYLING */
 +
    .menu{
 +
      position:fixed;
 +
      width:100%;
 +
      height:56px;
 +
      top:14px;
 +
      background-color: #fff
 +
 +
      z-index:4;
 +
 +
      border-collapse: collapse;
 +
      text-align:center;
 +
    }
 +
    .menu tr td{
 +
      text-align: center;
 +
      vertical-align: middle;
 +
 +
      font-weight: 700;
 +
      font-size:16px;
 +
      color:#fff;
 +
      width:7%;
 +
    }
 +
    .menu tr td.menu-item:hover{
 +
      background-color:#fff;
 +
      cursor: pointer;
 +
    }
 +
    .subselected{
 +
      background-color: #fff;
 +
    }
 +
 
</style>
 
</style>
  

Revision as of 00:38, 10 September 2017

Collapsible Navbar

In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).

Only when the button is clicked, the navigation bar will be displayed.