มีปัญหาในการแก้ template menu ค่ะ

[boo_kyoshii]

มีปัญหาในการแก้ template menu ค่ะ Joomla 3
คือต้องการสร้างแทบเมนูให้เวลาย่อขนาดหน้าจอแล้วเป็นแบบภาพข้างล่างนะคะ

21-11-2556 18-48-55.jpg (3.26 KiB) Viewed 1284 times

แต่พอทำได้แบบนี้แล้ว มีปัญหาตอนกด tab มันดันขึ้น sub-menu มาให้ไม่ครบนะคะ

21-11-2556 18-43-56.jpg (24.49 KiB) Viewed 1284 times

ทั้งๆที่เปิดจอปกติแบบไม่ย่อ sub-menu ขึ้นครบทุกตัว

21-11-2556 18-43-28.jpg (26.51 KiB) Viewed 1284 times

ไม่ทราบว่าต้องแก้ตรงไหน ยังไงค่ะ รบกวนด้วยนะคะ
**แก้ไขในส่วนของตัว template นะคะ ...protostar/index.php[/color][/b]

โค้ดที่เขียนค่ะ

โค้ด: เลือกทั้งหมด

         <div class="navigation"> 
         <div class="navbar navbar-inner">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
             </a>
         <div class="nav-collapse collapse">
             <jdoc:include type="modules" name="position-1" style="none" />
          </div> 
          </div>
          </div> 

[tsukasaz]

ลองเอา script นี้ไปวางครับ

โค้ด: เลือกทั้งหมด

<script>
        jQuery(document).ready(function() {
                jQuery('ul.nav > li.deeper').removeClass('parent').removeClass('deeper').addClass('dropdown');
                jQuery('li.dropdown > a').prop('class', 'dropdown-toggle').attr('data-toggle', 'dropdown').prop('href', '#').append('<b class="caret"></b>');
                jQuery('li.dropdown > ul.nav-child').prop('class','dropdown-menu');
        });
</script>

[boo_kyoshii]