طلب قائمة منسدلة

السلام عليكم  @الساعدي الساعدي
ماهي نسخة منتداك؟

مرحبا اخي  @الساعدي الساعدي
هذا الهيدر ثقيل جدا وفيه اشياء ناقصه
انصحك تجيب كود هيدر سليم 
عشان اعمل لك عليه قائمه منسدله ان شاء الله

الساعدي الساعدي كتب:عندي سريع جدا
وهو القالب الاصلي للهيدر فقط قمت باضافة كود النافبار له

اهلا 
النافبار الاصلي عندي يختفي بعد تركيب الكود
وايضا يصير بطيئ جدا

جائز يكون ان الكود غبر مناسب لبعض الاجهزه

الساعدي الساعدي كتب:
اخي صمملي نافبار وابعثه لي يكون فيه قائمة منسدلة متوافقة مع الجوال

مرحبا  @الساعدي الساعدي
تم مثل ما طلبت
لكن لازم تضعه في مكان مناسب في قالب الهيدر

الكود:

<style>

ol {
  list-style-type: none;
  background-color: #333;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}
</style>
<ol>
  
 <li>
 <a href="#home">نص</a>
 </li>
  
 <li>
 <a href="#news">نص</a>
 </li>
  
 <li class="dropdown">
    <a class="dropbtn" href="javascript:void(0)">قائمة</a>    
 <div class="dropdown-content">
      <a href="#">رابط 1</a>      <a href="#">رابط 2</a>      <a href="#">رابط 3</a>    
 </div>
  
 </li>
</ol>