Jump to content
michalsX

Rozwijane MENU górne

Recommended Posts

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

1.jpg

 

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?

 

 

 

 

 

Share this post


Link to post
Share on other sites

Ponawiam temat

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

Share this post


Link to post
Share on other sites

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ć
 

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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

 

zamien na:

 

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More