[Resolved] Smooth scroll effect on home logo in menu

[Eric]

Hello,
I make a one page site and put a smoothscroll class on each item on my top menu. It is a sticky menu and I want to put this effect on the logo on the left corner so the visitor can jump back to the top of the page with the same smooth effect. Thanks in advance for your help

[Tom]

Hi there,

Give this a shot:

add_filter( 'generate_smooth_scroll_elements', function( $elements ) {
    $elements[] = '.sticky-navigation-logo a';
  
    return $elements;
} );

add_filter( 'generate_logo_href', function() {
    return '#top';
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/

I also noticed a z-index issue on the page, you might want to add this:

.header-wrap {
    z-index: 100;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hope this helps 🙂

[Eric]

Thanks a lot for your support Tom ! You make my day ! And yes I saw for the z-index problem ! 😉 Generate press and toolset a great combo for sure !

[Eric]

I add your code in my childtheme function file and it doesn’t work 🙁

[Tom]

I just added a second function above: https://generatepress.com/forums/topic/smooth-scroll-effect-on-home-logo-in-menu/#post-997548

Can you give it a try?

Let me know 🙂

[Eric]

Yesss ! It works now ! Thanks a lot

[Tom]

You’re welcome 🙂

[Author]

Posts