Smooth-scroll not working on Main Page

[James]

I’m using the smooth-scroll class in two menu items. When on the home page, they are supposed to scroll to the target section (GenerateBlocks container). At the moment, they snap to the section and not scroll.

Also, if I’m only using the #ID format (and not the full URL), is there any way I can add the full link somewhere, so that when not on the home page, users can still be taken to those IDs?

[David]

Hi there,

in Customizer > General – have you enabled the smooth scroll option? If you have can you link me to your site so i can see the issue.

The second part, simplest way would be to add a duplicate menu item for each of those links.
Then your existing menu item for use on the home page add this class: home-show
And for the menu items with the full URL add this class: home-hide

Then add this CSS to your site:

body:not(.home) .home-show,
body.home .home-hide {
    display: none;
}

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

[James]

Hi David, I was using FF dev mode and it didn’t work, but in Chrome smooth-scroll worked as normal. Not sure why FF has a problem, but I’d imagine most are using Chrome. Not sure about Safari.

As for the 2nd issue, I will try it and get back to you.
Thanks

[David]

Do you have any extensions in FF? – maybe an ad-blocker or something that is stopping some javascripts from running

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

[James]

No it’s a clean install afaik…

Regarding the 2nd point, I had to add an !important property for it to work, but it worked! Thanks

[David]

If you want to provide us a link to the site i can take a look to see if its an isolated issue?
You can edit your original topic and use the Site URL field to share the link privately.

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

[Author]

Posts