index.php
<body>
<?php if ($this->countModules('mainmenu')): ?>
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
Menu
</button>
</div> <!-- navbar-header -->
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<jdoc:include type="modules" name="mainmenu" style="none" />
</div> <!-- navbar-collapse -->
</div>
</nav>
<?php endif; ?>
</body>
Css
ol, ul {
margin-bottom: 10px;
margin-top: 0;
}
ผมใช้ bootstrap 3 ปกติ
รูปแบบ responsive แสดงได้โอเคแล้วครับ แต่รูปแบบแสดงบนจอคอมพิวเตอร์ปกติ มันจะแสดง sub menu ครับ จะทำยังไงให้รูปแบบบนจอคอมพิวเตอร์ไม่แสดง sub menu และแสดงต่อเมื่อนำเมาส์ไปคลิ๊กหรือไปวางบนเมนูที่มี sub menu ครับ