This topic contains 8 replies, has 2 voices, and was last updated by  Skandha 1 week, 6 days ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #173406

    grooo-obyandex-com
    Participant

    Hello there,
    Could it be possible to have slowly dropping sub-menus when hovering over menus? I’m using a CATCH EVOLUTION free theme.
    Thanks a bunch
    R

    #173449

    Skandha
    Keymaster

    @grooo-obyandex-com: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @keyframes smoothScrollBack {
      0% {
        transform: translateY(60px);
      }
      100% {
        transform: translateY(0px);
      }
    }
    
    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    	animation: smoothScrollBack 0.3s backwards, fadein 0.6s;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #173524

    grooo-obyandex-com
    Participant

    ok thanks, I will
    R

    #173561

    grooo-obyandex-com
    Participant

    Hello!
    This CSS code seems to make my sub menus BOUNCE ! .. do you have anything more like a smooth drop?
    Thanks

    #173563

    Skandha
    Keymaster

    @grooo-obyandex-com: Then use the following Code instead of the above one.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @keyframes fadein {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    
    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    	animation: fadein 1s;
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #173762

    grooo-obyandex-com
    Participant

    Hello again,
    This is better! thanks
    What I meant by “slowly dropdown sub menus” is UROLLING sub-menus… As we hover over a menu the sub-menus unroll and roll back when the mouse leaves the menu area..
    Sorry if I got mis understood
    any idea?
    thank you
    RP

    #173781

    Skandha
    Keymaster

    @grooo-obyandex-com: Didn’t the above code work out. Do you want the sub menu to roll down in a specific way?

    Kind Regards,
    Skandha

    #173785

    grooo-obyandex-com
    Participant

    Just a simple roll and unroll as we hover over a menu! This code was only fading in and out the sub-menus…
    thanks

    #173962

    Skandha
    Keymaster

    @grooo-obyandex-com: Hello there,
    I can’t figure out what you mean by rolling an unrolling of the menus. Could you post in a link where it is implemented so that I can help you out.

    Kind Regards,
    Skandha

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.