JezK

Edit File: sidebar.php

<div class="bg-light border-right" id="sidebar-wrapper"> <div class="list-group list-group-flush"> <a href="functionhallBookingForm.php" id="form" class="list-group-item list-group-item-action bg-light"> <span><img src="images/booking-form.png" class="menuicon"></span> <span><img src="images/booking-form-selected.png" class="activemenuicon" style="display:none;"></span> <span class="menutext">&nbsp;Booking form</span> </a> <a href="functionhallBookings.php" id="bookings" class="list-group-item list-group-item-action bg-light"> <span><img src="images/bookings.png" class="menuicon"></span> <span><img src="images/bookings-selected.png" class="activemenuicon" style="display:none;"></span> <span class="menutext">&nbsp;Bookings</span> </a> <a href="functionHallchangePassword.php" id="changepassword" class="list-group-item list-group-item-action bg-light"> <span><img src="images/change-password.png" class="menuicon"></span> <span><img src="images/change-password-selected.png" class="activemenuicon" style="display:none;"></span> <span class="menutext">&nbsp;Change Password</span> </a> <a href="logout.php" class="list-group-item list-group-item-action bg-light"> <span><img src="images/logout.png" class="menuicon"></span> <span><img src="images/logout-selected.png" class="activemenuicon" style="display:none;"></span> <span class="menutext">&nbsp;Logout</span> </a> </div> </div> <!-- Menu Toggle Script --> <script> $("#menu-toggle").click(function(e) { e.preventDefault(); $("#wrapper").toggleClass("toggled"); }); //~ $(document).ready(function() { //~ $(".list-group-item").click(function(){ //~ $(this).addClass("active"); //~ }); //~ }); //~ $(document).ready(function(){ //~ $(".toggled").click(function(){ //~ $('.page-content-wrapper div .booking').css({"padding" : "0px !important;"}) //~ }); //~ }); </script>