Drop down indicator meniu

La multe teme wordpress pe care le-am studiat am observat o sageata mica care indica in dreptul unei componente din meniu daca are un submeniu.Am analizat cateva tutoriale pe net si am gasit solutia cea mai simpla si mai usor de implementat. Asadar daca vreti sa adaugati la meniu un indicator la componentele care au un submeniu iata codurile

Avem un cod javascript care se adauga in footer.php dupa wp_footer(); si inainte sa se inchida tagul body.

<script type="text/javascript">
jQuery(document).ready(function($) {
    $("ul.sub-menu").parents().addClass('parent');  
});
 </script>

 

In style.css avem acest cod : [ atentie trebuie sa modificati class .main-navigation daca nu este la fel cu al vostru ]

.main-navigation .parent > a, .main-navigation .parent > a:hover {
            background-image: url("images/arrow.png");
            background-position: right ;
            background-repeat: no-repeat;
            padding-right:20px;
     }

 

La background-image avem setata o imagine [ arrow.png ] pe care trebuie sa o introduceti via ftp in folderul images al temei voastre.Sa fie 16×16 maxim 20×20 png

Ca si demo se poate observa la meniul meu de sus.

 

3 comentarii la “Drop down indicator meniu

Dă-i un răspuns lui Ionuț Staicu Anulează răspunsul

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Alte articole Populare