Difference between revisions of "Template:Heidelberg/SandboxMarita/navbarMarita"

Line 12: Line 12:
 
     $('#sidebar').trigger('offcanvas.toggle');
 
     $('#sidebar').trigger('offcanvas.toggle');
 
   });
 
   });
});
 
  
$( document ).ready(function() {
 
 
   $('#sidebarCollapse').click(function() {
 
   $('#sidebarCollapse').click(function() {
 
     $('#sidebar').trigger('offcanvas.toggle');
 
     $('#sidebar').trigger('offcanvas.toggle');
 
   });
 
   });
});
 
  
 +
  $('html').on('swiperight', function(){
 +
    $('#sidebar').trigger('offcanvas.show');
 +
  });
 +
 +
  $('html').on('swipeleft', function(){
 +
    $('#sidebar').trigger('offcanvas.hide');
 +
  });
  
$('html').on('swiperight', function(){
 
  $('#sidebar').trigger('offcanvas.toggle');
 
 
});
 
});
$('html').on('swipeleft', function(){
 
  $('#sidebar').trigger('offcanvas.toggle');
 
});
 
 
  
 
</script>
 
</script>
Line 148: Line 146:
 
<div id="sidebarHide" data-toggle="offcanvas" data-target="#sidebar" style="padding-left: 20px;">
 
<div id="sidebarHide" data-toggle="offcanvas" data-target="#sidebar" style="padding-left: 20px;">
 
       <hr>
 
       <hr>
<a style="font-family: 'Josefin Sans' !important; font-size: 16px; line-height: 40px; height: 40px;"> COLLAPSE NAVIGATION </a>
+
<a style="font-family: 'Josefin Sans' !important; font-size: 16px; line-height: 30px; height: 30px;"> COLLAPSE NAVIGATION </a>
 
       <hr>
 
       <hr>
 
</div>
 
</div>

Revision as of 16:33, 1 November 2017