Fix_Menu swipe/fade

underground1
Inactive member
Topic Author
Member

9 years 1 month ago #46296 by underground1

Fix_Menu swipe/fade was created by underground1

E.g.: kreatikgroup.si/sinet/

Hi,

is it possible to set the menu to fade-in onto screen instead of swiping down after scrolling on the page (fix_menu).
When scrolling the page slowly, the appearing of the menu shifts the page a bit and I would like the appearing of the menu to be independent of the scrolling (not impeding it). I would also like to make it more fluent by using fade effect instead of a swipe-down.

Thanks.

Please Log in to join the conversation.

milos
Support Staff
Moderator

9 years 1 month ago #46297 by milos

Replied by milos on topic Fix_Menu swipe/fade

Hello,

You can try to change animation properties in template_css.php file, to look like this:

Code:

/*--------------FLOATING ROW (usually for top menu)----------------*/

@-webkit-keyframes topmenushow {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}

@-moz-keyframes topmenushow {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}

@-o-keyframes topmenushow {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
@keyframes topmenushow {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.295 seconds