correct css menu

header.php

@@ -4,7 +4,7 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <title><?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?></title>
-        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=53">
+        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=54">
         <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script>
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=9"></script>

style.css

@@ -136,7 +136,7 @@ a{
   }
 
   #mainlogo IMG{
-    min-width: 240px;
+   /* min-width: 240px; */
   } 
 
   .right-info{
@@ -624,12 +624,13 @@ a{
 
   #header_icons{
       display: flex;
+      margin-left: 18px;
     }
 
     #header_icons li{
       width: 20px;
       height: 15px;
-      margin-left: 18px;
+      margin-left: 6px;
       cursor: pointer;
     }
 
@@ -1504,6 +1505,9 @@ img-fluid{
     margin: 0;
   }
 
+  #header_icons{
+    margin-left: 0;
+  }
 
   .main-card-title{
     font-size: 24px;
@@ -1681,6 +1685,19 @@ img-fluid{
     width: 100%;
   }
 
+  #header_icons li{
+    width: 20px;
+    height: 15px;
+    margin-left: 6px;
+    cursor: pointer;
+  }
+
+  .toggle-nav {
+    display: inline-block !important;
+    background: url(/wp-content/themes/vij/pub/icons/burger-15.png) no-repeat; 
+}
+
+
   .post_info_social{
     display: none;
   }
@@ -1740,6 +1757,14 @@ and (max-device-width : 667px) {
     text-align: left;
     margin: 0;
   }
+
+  #header_icons li{
+    width: 20px;
+    height: 15px;
+    margin-left: 6px;
+    cursor: pointer;
+  }
+
  
   #mainpage-title{
     display: none;