Archived topic

Smooth scroll effect on home logo in menu

6 replies · Started by Eric on August 30, 2019

Viewing posts 1–7 of 7

August 30, 2019 at 8:03 am #997278

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

August 30, 2019 at 4:43 pm #997548

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 :)

August 31, 2019 at 2:35 am #997691

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 !

August 31, 2019 at 4:42 am #997733

I add your code in my childtheme function file and it doesn't work :(

August 31, 2019 at 8:49 am #997959

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 :)

August 31, 2019 at 9:23 am #997980

Yesss ! It works now ! Thanks a lot

August 31, 2019 at 9:50 am #998001

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.