Difference between revisions of "Template:Freiburg/MenubarTest"

Line 157: Line 157:
 
/* ==== End classes for icons ==== */
 
/* ==== End classes for icons ==== */
  
 +
@media screen and (min-width: 850px){
  
 
/* ==== Begin running chip ==== */
 
/* ==== Begin running chip ==== */
Line 436: Line 437:
 
/* ==== End Settings Submenu Level 2 ==== */
 
/* ==== End Settings Submenu Level 2 ==== */
  
 +
} /* end media query*/
 +
 +
@media screen and (max-width: 849px){
 +
 +
#header{
 +
  top: -9000px;
 +
  opacity: 0;
 +
}
 +
 +
}
  
/* ============= BEGIN: Stylesheet for navigation menu ============= */ 
 
 
</style>
 
</style>
        <script type="text/javascript">
 
  
        $(document).ready(beecode);
 
        $(window).on('resize', beecode);
 
  
                function beecode() {
+
<!------------- BEGIN: jQuery ------------->
                  var windowWidth = $(window).width();
+
        <script type="text/javascript">
                  console.log('windowWidth:'+windowWidth);
+
            $(function() {
                  if (windowWidth > 850) {
+
                $("document").ready(function(){
                    console.log('code is excuted');
+
 
// make submenus appear //
 
// make submenus appear //
                    $("#runningchip").show();
 
 
                     $("#home").hover(function(){
 
                     $("#home").hover(function(){
 
                         $("#team-sub") .hide();
 
                         $("#team-sub") .hide();
Line 550: Line 555:
 
                         $("#notebook-sub") .hide();
 
                         $("#notebook-sub") .hide();
 
                     });
 
                     });
                  } // end of windowWidth query part 1
+
                });
                  else {
+
            })
                        $("#notebook-sub") .hide();
+
                        $("#project-sub") .hide();
+
                        $("#team-sub") .hide();
+
                        $("#results-sub") .hide();
+
                        $("#policy-sub") .hide();
+
                        $("#runningchip").hide();
+
                  }
+
                };
+
 
         </script>
 
         </script>
  

Revision as of 22:45, 15 September 2015

""