• Resolved Mohsin Alam

    (@mohsinworld)


    I have sued that plugin to appear the sticky header on scroll-up and hide on scroll-down. This is fine, but I want the menu to appear on scroll-up smoothly & hide on scroll-down smoothly with transition time. Currently, the menu just appears instantly and also hides instantly which looks bad but a small transition effect could make it better.

    Please bring this very important feature. Thanks

    Reference: https://www.awesomescreenshot.com/video/18938897

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Robert Wattner

    (@rwattner)

    Hi,

    I just finished an update with a few fixes including all of the transitions. I’m about to leave for vacation and won’t be able to address potential bugs while gone. So, I’ll probably release the update when I get back. That update should solve the issue.

    Sorry for the inconvenience and thanks for your patience.

    Thread Starter Mohsin Alam

    (@mohsinworld)

    Cool. Get a great vacation and then release that important update. Thanks

    Plugin Contributor Robert Wattner

    (@rwattner)

    The plugin has been updated

    Thread Starter Mohsin Alam

    (@mohsinworld)

    Thanks for the confirmation. Could you please make a small video and show me how to enable the transition effect? I can’t fid it. Thanks

    Plugin Contributor Robert Wattner

    (@rwattner)

    There isn’t a setting for the transitions. 400ms animation durations have been automatically added to all animations.

    Thread Starter Mohsin Alam

    (@mohsinworld)

    But I can’t see it on my website please visit Cabo Fishings website and see the effect. Watch the video as well: https://www.awesomescreenshot.com/video/18938897

    Plugin Contributor Robert Wattner

    (@rwattner)

    It looks like there is some custom css on the header blocking it. It works when this code is disabled.

    .elementor-10846 .elementor-element.elementor-element-09c50c7 {
    	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    	transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
    	transition-timing-function: ease, ease, ease, ease;
    	transition-delay: 0s, 0s, 0s, 0s;
    	transition-property: background, border, border-radius, box-shadow;
    }

    You can either remove that or try this code

    .elementor-10846 .elementor-element.elementor-element-09c50c7 {
    	transition: all 0.4s !important;
    
    }
    Thread Starter Mohsin Alam

    (@mohsinworld)

    I didn’t see any changes! Please have a look at the demo where no CSS on customizer: https://demo.mohsinalam.com/radio-mayapur-with-guest-fabio-giudice/

    I found no transition smooth effect.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Appear On Smoothly With Transition’ is closed to new replies.