Selamlar hocam,
#access { display: block; float: left; }
#access .menu-header,div.menu { font: 13px/27px Arial,sans-serif; margin-left: 4px; width: 960px; }
#access .menu-header ul,div.menu ul { list-style: none; margin: 0; }
#access .menu-header li,div.menu li { float: left; position: relative; }
#access a { color: #ccc; display: block; height: 29px; line-height: 30px; text-decoration: none; padding: 0 10px; }
#access ul ul { box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; }
#access ul ul li { min-width: 180px; }
#access ul ul ul { left: 100%; top: 0; }
#access ul ul a { background: #f1f2f4; line-height: 1em; width: 160px; height: auto; padding: 10px; }
#access li:hover > a,#access ul ul :hover > a { background: #444; background: #4c4c4c; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#access ul li:hover > ul { display: block; }
#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover { height: 28px; line-height: 27px; border-top: 2px solid #DD4B39; color: #FFFFFF; font-weight: bold; }
#wrapper { margin: 0 auto; position: relative; width: 960px; }
#wrappertop { margin: 0 auto; padding: 0 0 0 0; background-color: transparent; position: relative; width: 960px; text-align: left }bu wordpress sitemin menu css'i. şu an dropdown menuler uzerine gelindiğinde hemen kaboluyor. sanırım css'de bir hata var ancak çözemedim. yardımcı olabilirseniz sevinirim.
Teşekkür ederim.
Merhabalar,
Site adresini pm ile gönderir misiniz? Site üzerinde incelemem gerekiyor, başka bir css kodu etkiliyor olabilir.
HTML sitemin mobil tasarımında menüdeki sadece ul etiketliler gözüküyor.Alt menü olan li ler gözükmüyor.Yardımcı olursanız çok sevinirim.Kod aşağıdaki gibi;
<script type="text/javascript">
$(function() {
var pull
= $('#pull');
menu = $('#menu lu');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
Bu daha çok javascript problemi gibi görünüyor ama HTML/CSS ile belki sorunu giderebiliriz. Kodun yer aldığı siteyi problemle birlikte iletir misin?
Teşekkür ederim.