[YARDIM] Wordpress Özel Menü

Wordpress'te sidebar'a özel menü ekledim. Bu menüye bağlatı olarak özel sayfalar yerleştiriyorum. Bu sayfalara da alt sayfalar ekliyorum ancak bu alt sayfaların, üst sayfaya tıklandığında açılmasını istiyorum. Bunu nasıl yapabilirim?

Bu sidebarda mı kullanılacak?

Ek Olarak: https://tr.wordpress.org/plugins/dropdown-menu-widget/ bu widget işini görebilir

css kodundaki hover yerini bulun orayı örneğin menu li:hover ise menu li:active yapın.

Bu eklenti işimi çok güzel görüyor ancak, siderbara eklediğimde siderı komple kaplıyor ve sağa açılan alt menü gözükmüyor.

Bu komple kaplama sorununu nasıl çözebilirim?

Canlı görüntülemek için reelskor.com

shailan-dropdown.min.css dosyasını bana gönderirmisin?

div.shailan-dropdown-menu table,div.shailan-dropdown-menu tbody,div.shailan-dropdown-menu tr,div.shailan-dropdown-menu td,div.shailan-dropdown-menu ul,div.shailan-dropdown-menu li,div.dropdown-horizontal-container,ul.dropdown * { margin:0; padding:0; border:0; line-height:1; font-size:100%; }.shailan-dropdown-menu{position:relative;z-index:597}ul.dropdown,ul.dropdown li,ul.dropdown ul{list-style:none;margin:0;padding:0}ul.dropdown li{position:relative;display:inline;vertical-align:middle;zoom:1}ul.dropdown li ul{position:absolute;z-index:598}ul.dropdown li.hover,ul.dropdown li:hover{cursor:default}ul.dropdown > li{float:left}ul.dropdown li a{padding:.3em .8em;cursor:pointer}ul.dropdown ul{position:absolute;top:100%;left:0}ul.dropdown ul li{float:none;display:list-item;list-style:none}ul.dropdown ul ul{top:1px;left:99%}ul.dropdown a:active,ul.dropdown a:focus{outline-style:none}* html ul.dropdown li{height:1px}ul.dropdown ul li,ul.dropdown-vertical{margin-left:0}ul.dropdown ul,ul.dropdown li.hover ul ul,ul.dropdown li.hover ul ul ul,ul.dropdown li.hover ul ul ul ul,ul.dropdown li.hover ul ul ul ul ul,ul.dropdown ul,ul.dropdown li:hover ul ul,ul.dropdown li:hover ul ul ul,ul.dropdown li:hover ul ul ul ul,ul.dropdown li:hover ul ul ul ul ul{display:none}ul.dropdown ul ul ul ul ul ul{display:none!important}.dm-align-right table{float:right}.dm-align-left table{float:left}ul.dropdown-horizontal.dropdown-align-right ul{right:0;left:auto}ul.dropdown-horizontal.dropdown-align-right ul ul{right:99%;left:auto}ul.dropdown-vertical.dropdown-align-left ul{top:1px;left:99%;right:auto}ul.dropdown-vertical.dropdown-align-right ul{top:1px;right:99%;left:auto}ul.dropdown-vertical li{float:none;display:block}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}* html > body .clearfix{display:block;width:100%}* html .clearfix{height:1%}

Resimdeki gibi padding:0; değerini sil
padding-right:100px; değerini gir

resimde nereye girmen gerektiğide yazıyor. Bura içerisinden çıkartamadım şimdi

Ne yapmam gerektğini anlamadım, biraz daha basit anlatabilir misin?

Ufak bir işim var şimdi hocam, sen beni skypetan ekle dönünce yardımcı olayım hemen

Çok sağol