↑の質問をして、あれから色々と自分なりに調べたりしているのですが、
header-extensions.php中でヘッダーのメニューを作っていることはわかり、
↓この箇所
<?php
if ( has_nav_menu( 'primary' ) ) {
$args = array(
'theme_location' => 'primary',
'container' => '',
'items_wrap' => '<ul class="root">%3$s'
);
echo '<nav id="access" class="clearfix">
<div class="container clearfix">';
wp_nav_menu( $args );
echo '</div><!-- .container -->
</nav><!-- #access -->';
}
else {
echo '<nav id="access" class="clearfix">
<div class="container clearfix">';
wp_page_menu( array( 'menu_class' => 'root' ) );
echo '</div><!-- .container -->
</nav><!-- #access -->';
}
?>
ここを直接編集したら良いのでしょうか・・・・？
いまいち解決策を探してはいるのですが、、やっぱり無謀なのでしょうか・・－－；
こんにちは
モワッとさせたいんですよね
style.cssの723行
display:none display:blockのところを以下のように書き換えてみてください。
/* Dropdown */
#access ul li ul,
#access ul li:hover ul ul,
#access ul ul li:hover ul ul,
#access ul ul ul li:hover ul ul,
#access ul ul ul ul li:hover ul ul {
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
z-index: 9999;
}
#access ul li:hover ul,
#access ul ul li:hover ul,
#access ul ul ul li:hover ul,
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
visibility:visible;
opacity:1;
transition-delay:0s;
}
nobitaさん
この度もご教授頂き、ありがとうございました。
早速、cssに組み込んでから動きを見てどういう風になっているのか
一個一個プロパティを調べてノートに書きとめました。
(次回はさっとできるように。)
visibilityでボックスの表示、非表示を行って、
opacityで要素の透明度を指定して、
transitionでCSS３アニメーションで変化をまとめて指定しているんですね。
transition-delayは変化がいつ始まるかをしていしていて・・
勉強させて頂きました。
本当にありがとうございます。＞＜
また、ご質問等した際は宜しくお願いいたします。
