Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #273114
    kate57
    Participant

    How to make Smooth scrolling when clicking an anchor link on the left menu?

    #273204
    Skandha
    Participant

    @kate57: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @keyframes smoothScrollBack {
      0% {
        transform: translateY(-20px);
      }
      100% {
        transform: translateY(0px);
      }
    }
    
    .main-navigation ul .toggled-on {
        -webkit-animation: smoothScrollBack 0.5s forwards,fadein 0.5s;
            -moz-animation: smoothScrollBack 0.5s forwards,fadein 0.5s;
            -o-animation: smoothScrollBack 0.5s forwards,fadein 0.5s;
            animation: smoothScrollBack 0.5s forwards,fadein 0.5s;
    }

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

    #273209
    kate57
    Participant

    Hello! It doesn’t work. ((
    I’ll clarify that I mean by anchor links in the main menu.

    #273210
    Skandha
    Participant

    @kate57: Hello there,
    Can you please post in your site URL so that I can look into the issue?

    Kind Regards,
    Skandha

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Smooth scrolling’ is closed to new replies.