Position of side bar menu to top - php

Question

I have one web page it includes the the page sidebar.php.This menu appears at the left side of the web page verticaly.I want this to be on the top of the page and display horizantally.I could not identify the class which keeps it on the left side.I am not posting the css file.Kindly help me to keep it on the top.Though my code is length still iam posting it here.I am net very familiar with css .
<aside id="slide-out" class="side-nav white fixed">
<div class="side-nav-wrapper">
<div class="sidebar-profile">
<div class="sidebar-profile-image">
<img src="../assets/images/profile-image.png" class="circle" alt="">
</div>
<div class="sidebar-profile-info">
<p>Admin</p>
</div>
</div>
<ul class="sidebar-menu collapsible collapsible-accordion" data-collapsible="accordion">
<li class="no-padding"><a class="waves-effect waves-grey" href="dashboard.php"><i class="material-icons">settings_input_svideo</i>Dashboard</a></li>
<li class="no-padding">
<a class="collapsible-header waves-effect waves-grey"><i class="material-icons">apps</i>Department<i class="nav-drop-icon material-icons">keyboard_arrow_right</i></a>
<div class="collapsible-body">
<ul>
<li>Add Department</li>
<li>Manage Department</li>
</ul>
</div>
</li>
<li class="no-padding">
<a class="collapsible-header waves-effect waves-grey"><i class="material-icons">account_box</i>Recommending Officer<i class="nav-drop-icon material-icons">keyboard_arrow_right</i></a>
<div class="collapsible-body">
<ul>
<li>Add Recommending Officer</li>
<li>Manage Recommending Officer</li>
</ul>
</div>
</li>
<!-- <li class="no-padding">
<a class="collapsible-header waves-effect waves-grey"><i class="material-icons">desktop_windows</i>Stationary Type<i class="nav-drop-icon material-icons">keyboard_arrow_right</i></a>
<div class="collapsible-body">
<ul>
<li>Add Stationary Type</li>
<li>Manage Stationary Type</li>
</ul>
</div>
</li>-->
<li class="no-padding">
<a class="collapsible-header waves-effect waves-grey"><i class="material-icons">account_box</i>Employees<i class="nav-drop-icon material-icons">keyboard_arrow_right</i></a>
<div class="collapsible-body">
<ul>
<li>Add Employee</li>
<li>Manage Employee</li>
</ul>
</div>
</li>
<li class="no-padding">
<a class="collapsible-header waves-effect waves-grey"><i class="material-icons">desktop_windows</i>Stationary Management<i class="nav-drop-icon material-icons">keyboard_arrow_right</i></a>
<div class="collapsible-body">
<ul>
<li>Add Stationary Stock</li>
<li>All Stationary Request </li>
<li>Pending Request </li>
<li>Approved Request</li>
<li>Not Approved Request</li>
</ul>
</div>
</li>
<li class="no-padding"><a class="waves-effect waves-grey" href="changepassword.php"><i class="material-icons">settings_input_svideo</i>Chnage Password</a></li>
<li class="no-padding">
<a class="waves-effect waves-grey" href="logout.php"><i class="material-icons">exit_to_app</i>Sign Out</a>
</li>
</ul>
<div class="footer">
<p class="copyright">SMS ©</p>
</div>
</div>
</aside>