diff --git a/public/css/edu-purge.css b/public/css/edu-purge.css
index 407693a1..eb8625a4 100644
--- a/public/css/edu-purge.css
+++ b/public/css/edu-purge.css
@@ -3959,80 +3959,29 @@ html>body #ajax-indicator {
   flex: 1;
 }
 
-.head-nav ul#header-nav {
-  position: absolute;
-  top: 0px;
-  z-index: 3;
-  height: 58px;
-  box-sizing: border-box;
+.head-nav ul#header-nav{
+  overflow: hidden;
+  white-space: nowrap;
+  overflow-x: auto;
+  display: flex;
 }
 
-.head-nav ul#header-nav li {
-  float: left;
+.head-nav ul#header-nav li{
   height: 58px;
   line-height: 58px;
   cursor: pointer;
-  position: relative;
   font-size: 16px;
   padding-right:40px;
 }
 
-.head-nav ul#header-nav li a {
-  display: block;
-  height: 100%;
-  width: 100%;
+.head-nav ul#header-nav a {
   color: #fff;
-  font-size: 16px;
 }
 
 .head-nav ul#header-nav li a:hover,.head-nav ul#header-nav li.active a {
   color: #5091FF;
 }
 
-.head-nav ul#header-nav li:last-child {
-  margin-right: 0px
-}
-
-
-.head-nav ul#header-nav li p:hover {
-  color: #cccccc;
-}
-
-.head-nav ul#header-nav li p {
-  display: block;
-  height: 100%;
-  width: 100%;
-  color: #fff
-}
-
-/* .head-nav ul#header-nav li.active div ul li a {
-  color: #000 !important;
-} */
-
-/* .head-nav ul#header-nav li.active div ul li a:hover {
-  color: #FFF !important;
-}
-
-.head-nav ul#header-nav li.active ul li a {
-  color: #000 !important;
-} */
-
-/* .head-nav ul#header-nav li.active ul li a:hover {
-  color: #FFF !important;
-} */
-
-/* .head-nav ul#header-nav li.active:after {
-  content: '';
-  position: absolute;
-  left: 0px;
-  top: auto;
-  bottom: 10px;
-  right: auto;
-  height: 2px;
-  width: 32px;
-  background-color: #459be5;
-} */
-
 .head-right {
   box-sizing: border-box;
   height: 60px;