2016-10-20 5 views
-1

私は20の子供のテーマを持つWordPressのサイトを作成しています。 私は遷移にフェードインしたいと、この発見:むしろ、レベル2のメニュー(サブメニューの下にサブメニュー)についてはCSSの移行ワードプレススチューデント14:

  1. を、アイテムが左から右に飛ぶ:答えはなく、作品 ease in transition of submenu

    を単に「薄い空気から出てくる」よりも、私はこれをどうやって修正するのですか?

  2. 移行がモバイルディスプレイのバージョンに影響しました。これはどのように停止しますか?

ご協力いただきありがとうございます。

+0

を正確にあなたの問題は何ですか?アニメーションをモバイルではなく、PC上でのみ使用したい場合 – MatejMecka

+0

ようこそ!コードヘルプを求める質問には、質問自体に** ** [** Stack Snippet **](https://blog.stackoverflow.com/2014/09/introducing-runnable)で**それを再現するのに必要な最短コードを含める必要があります** -javascript-css-and-html-code-snippets /)。 [**最小限で完全で検証可能なサンプルの作成方法**](http://stackoverflow.com/help/mcve/) –

+0

モバイルでのアニメーションの問題は1つあります。 もう1つは、メインメニューからドロップダウンが「うまく」表示されることです。しかし、メインメニューの項目のサブメニューは、後ろから「表示」するのではなく、左から「飛ぶ」ようになります。 – Jon

答えて

0

サブメニューが親のテーマに-999emであったように私は自分自身をそれを考え出し:

/* Smooth transition of menus */ 
 
    .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { 
 
     opacity:1; 
 
    } 
 

 
    .primary-navigation ul ul{ 
 
    transition: 1s; 
 
    opacity:0; 
 
    } 
 

 
/* Submenus to slide out of submenus */ 
 
    .primary-navigation ul ul ul{ 
 
    top: 0px; 
 
    left: 150px; 
 
    } 
 

 
/* Mobile nav menu to always show and not require hover */ 
 
@media (max-width: 782px) { 
 
    .primary-navigation ul ul{ 
 
    transition: 1s; 
 
    opacity:1; 
 
    } 
 
}