One Page Nav Functionality

[Mohammad – SUPPORT]

Hi,
I see that your issue seems to resolved.
Thanks
Mohammad

[ckgerard]

Hi Mohammad!

Not really – Rui suggested it might be a problem with a font file but I’m not sure how to check or fix what he was referring to. It’s no longer going too far up but is now stopping too low. Very strange.

[Rui Guerreiro – SUPPORT]

Hi,

In Font options-> Standard Fontdeck Font check the url’s of the font’s you uploaded.

-Rui

[sheldonlawrie]

Hi Guys,
Great answers to questions—and always appreciate your awesome support team & service.

Just curious if there is an easy way to add the class=”smooth-scroll-link” to the links in the top nav bar (main menu)?
So essentially would be the one-page-wonder, without the one-page side bullet nav, where the main menu at top would take advantage of the smooth scolling to anchors throughtout the one page.

Thank you,
Sheldon

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Appearance -> Menu -> Screen options at top right corner -> Enable CSS Classes. Now you can add any custom class to menus.
Thanks
Mohammad

[Swift Ideas – Ed]

Hi Sheldon,

If you set a # link in the menu, then it will automatically be a smooth-scroll-link

– Ed

[sheldonlawrie]

Thank you for your prompt reply, Mohammad 🙂

Brilliant, I did not even think to check the screen options in menu—I have added the CSS class to menu item (“smooth-scroll-link”)—unfortunately, the link is still not smooth scrolling.

NOTE: I have tested a smooth-scroll link on a text link within the page and it is working.

Please let me know.

See Dev site: http://formular.ca/nuezmilk/

Thank you,
Sheldon

[sheldonlawrie]

Hi Ed,
Thank you for your prompt reply.

Please note: Upon adding the Custom JS to the theme options (as I found in this support forum) to enable smooth scrolling, I had then immediately tested using the #anchor link from top main menu, but unfortunately it does not smooth scroll.

I am able to use smooth scrolling class on text-based links within the body of page, but it does not smooth scroll from the main menu link.

I have since tried Mohammad’s recommendation of adding the (optional) CSS Class to the menu item, but still not smooth scrolling.

Please let me know.

See Dev site: http://formular.ca/nuezmilk/

Thank you,
Sheldon

[David Martin – Support]

Hi Sheldon,

Can you check your menu links within Appearance => Menu are like this #ingredients and not like this /../nuezmilk/#ingredients

Can you also add a WP login for us?

– David.

[sheldonlawrie]

Hi David, Thank you for your reply.

I have attempted using “#ingredients” for the Custom Link URL—but it does not work, and I’m unsure why.

Please let me know.

Thank you,
Sheldon

[David Martin – Support]

Ok, please also add a WP login for me to take a further look?

– David.

[sheldonlawrie]

This reply has been marked as private.

[David Martin – Support]

Hi Sheldon,

1) Can you update the main parent Dante theme? You have version 3.03 installed. Please Update to 3.11.
2) Please also run the latest WP update.

Thanks,
David.

[sheldonlawrie]

Hello David,

I have updated both WP & Dante Parent Theme.

Unfortunately, smooth-scroll still not working from top main-menu link.

Please let me know.

Thank you,
Sheldon

[David Martin – Support]

Hi Sheldon,

This looks to not be working because of the site URL, it is within a folder ‘/nuezmilk’

You have everything setup correctly but to get the link to work this: #ingredients would need to be changed to this /nuezmilk/#ingredients.

The smooth scroll would not work like this.

Is the this /nuezmilk folder just for development or is this a live site?

Thanks.