Home Forums ART WordPress Theme Mobile menu animation and opacity

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #24506
    richardcech
    Participant
    Purchased
    Supported

    Hello,
    I need help with menu on mobile. I set red color for that and low speed of animation.
    When I open menu (menu scroll down) it works perfectly but when i turn of hamburger menu and it scroll up it caused some problems like:
    1) Menu jums fas from bottom some distance up and after that starts with scrolling up animation
    2) I want to cancel opacity animation of scrolling up menu. I want constant no changing opacity white color…

    I will be very happy for your advice, I am not able to solve it myself… 🙁

    Thank you very much
    Best Regards
    Richard Cech

    #24507
    richardcech
    Participant
    Purchased
    Supported

    My web page is richardcech.com

    #24512
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Menu jums fas from bottom …

    I don’t understand your question. What’s “jums fas” ?

    I want to cancel opacity animation of scrolling up menu

    I didn’t see the opacity animation. I only see the slide animation


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24518
    richardcech
    Participant
    Purchased
    Supported

    Hello,
    I send you print screen of my mobile when you see what’s going on with comments for each picture
    https://www.dropbox.com/sh/nnbyoubdim1y4xu/AABTLXNOGclnPjUlzeySiRSja?dl=0

    1) When menu starts scrolling up it weirdly jumps some distance imidietly up and after that “jump distance” it starts slowly rolling up….
    2) When menu scrolling up it have some kind of animation of gradual transparency…

    I wish relly to turn of weird jump in animation of crolling menu up and turn of gradual transparency to solid white constant no changing color.

    Thank you very much
    Best Regards
    Richard Cech

    #24519
    SeaTheme
    Keymaster
    Purchased
    Expired

    HI, thanks for your screenshots.

    1) I didn’t didn’t find the reason

    2) Please try to add the custom CSS, it should remove the opacity animation

    @keyframes transY0to_100 {
     
    	0% {
    		transform: translate3d(0, 0, 0);
    		opacity: 1;
    	}
    
    	100% {
    		transform: translate3d(0, -100%, 0);
    		opacity: 1;
    	}
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24540
    richardcech
    Participant
    Purchased
    Supported

    Hello
    2) Thank you 🙂 It works perfectly
    1) I have Idea which could be wrong.. When menu scoll down, In the bottom part of menu is some kind of strip or something. The problem with distance jupm could be becouse this strip.. maybe some connection of this strip with keyframes of animation in custom css
    This strip is – div#menu-panel-bottom.menu-panel-bottom as you see in dropbox pictures 🙂
    Becouse i think i gave only keyframes for menu panel but not for this strip…

    Here is images of my idea which could be wrong or which could be way to solution..
    https://www.dropbox.com/sh/dxjjscfjfteksd8/AABoS6zcM0zx4JmiiWwvmyXaa?dl=0

    What do you think ?
    Thank you very much for your effort
    Best Regards
    Richard Cech

    #24544
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    The menu-panel-bottom was added display: none; it should not affect anything.

    I checked many things, I cannot find the reason.


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24556
    richardcech
    Participant
    Purchased
    Supported

    Helllo,
    Ok 🙂 but thank you for your effort 🙂
    I plan to do an update so we’ll see if it works itself…

    Thank you
    Best Regards
    Richard Cech

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!