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

Post a reply


In an effort to prevent automatic submissions, we require that you complete the following challenge.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: มีปัญหาในการแก้ template menu ค่ะ

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

by tsukasaz » 25/11/2013 6:32 pm

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

Code: Select all

<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>

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

by boo_kyoshii » 21/11/2013 6:53 pm

มีปัญหาในการแก้ template menu ค่ะ Joomla 3
คือต้องการสร้างแทบเมนูให้เวลาย่อขนาดหน้าจอแล้วเป็นแบบภาพข้างล่างนะคะ
21-11-2556 18-48-55.jpg
21-11-2556 18-48-55.jpg (3.26 KiB) Viewed 804 times
แต่พอทำได้แบบนี้แล้ว มีปัญหาตอนกด tab มันดันขึ้น sub-menu มาให้ไม่ครบนะคะ
21-11-2556 18-43-56.jpg
21-11-2556 18-43-56.jpg (24.49 KiB) Viewed 804 times
ทั้งๆที่เปิดจอปกติแบบไม่ย่อ sub-menu ขึ้นครบทุกตัว
21-11-2556 18-43-28.jpg
21-11-2556 18-43-28.jpg (26.51 KiB) Viewed 804 times
ไม่ทราบว่าต้องแก้ตรงไหน ยังไงค่ะ รบกวนด้วยนะคะ :cry:
**แก้ไขในส่วนของตัว template นะคะ ...protostar/index.php[/color][/b]

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

Code: Select all

         <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> 

Top