Rozwijane MENU górne

[michalsX]

Manu górne po najechaniu na kategorię rozwija się. Wygląda to tak:

 

Problemem jest to, że podkategorie zasłaniają kategorię, na którą najechaliśmy.

Jak to zmienić, aby podmenu rozwijało się pod kategorią, najlepiej pionowo?

Jak można też zmienić wygląd tego rozwjanego podmenu?

 

 

 

 

 

[michalsX]

Ponawiam temat

Może ktoś podpowie, w którym pliku php zmienia się parametry rozwijanego menu?

[atomek]

dodaj do /themes/default-bootstrap/js/modules/blocktopmenu/js/blocktopmenu.js

$(document).ready(function() {
    $('ul.sf-menu > li').mouseenter(
        function(e) {
            if ( $(document).width() >= 768 ) {
                var children_a = $(this).children('a');
                if ( children_a.hasClass('sf-with-ul') ) {
                    var el_height = $(children_a).outerHeight();
                    var pos = $(this).position();
                    $(this).children('ul.submenu-container').css('top', pos.top + el_height);
                }
            }
        }
    );
});


wyczyść cache, ctrl+F5, powinno działać
 

[michalsX]

Działa

Świetnie

Dziękuję za pomoc

[michalsX]

I jeszcze jedno na koniec

Mam zmodyfikowany superfish-modified.css w /themes/default-bootstrap/css/modules/blocktopmenu/css/:

 

#block_top_menu li:nth-child(-n+6) > a {
background: #333333;
font-size: 20px;
color: white;
}

 

Dzięki temu pierwszy rząd 6 pozycji w menu jest w kolorach innych niż pozostałe od 7. w top menu.

Jednak pociągnęło to za sobą to, że podkategorię, ktore się rozwijają (jak na zrzucie) też są w takich kolorach - biały tekst, ciemne tło.

Czy można zrobić tak, aby te podkategorie, które się rozwijają były w kolorach takich jak menu od 7. pozycji - czarny tekst, białe tło?

[atomek]

#block_top_menu li:nth-child(-n+6) > a {

 

zamien na:

 

.sf-menu > li:nth-child(-n+6) > a {

[michalsX]

O to chodziło

Działa, dziękuję