Hello,
I have a one-pager with a navigation bar on top, that has 2 words. ‘Our Services' & ‘Case Study'. If I click the word, I want it to scroll to the element. I know how to do it but it ‘jumps' to the element and I want it to ‘smoothly scroll'. Is there a way to do this?
—
Original Post:
The original post in the “GHL Experts” Facebook group asks for help in creating a smooth scrolling effect on a navigation bar in GoHighLevel CRM software. The user has a one-pager with a navigation bar that consists of two words: “Our Services” and “Case Study”. They want to be able to click on these words and have the page smoothly scroll to the corresponding element on the page.
Insights:
In GoHighLevel, there are multiple ways to achieve smooth scrolling effects. One approach is by utilizing the platform's built-in features and customization options. The user can modify the navigation bar's behavior by adding custom JavaScript code or using the GoHighLevel Page Builder to create anchor links that scroll smoothly.
To implement smooth scrolling with anchor links in GoHighLevel, the user can follow these steps:
1. Open the GoHighLevel Page Builder for the respective one-pager.
2. Find the “Our Services” and “Case Study” elements or sections on the page.
3. Select each element and assign a unique ID as an anchor point. For example, set the ID of the “Our Services” section as “services” and the ID of the “Case Study” section as “case-study”.
4. In the navigation bar, create custom links for “Our Services” and “Case Study”.
5. Link these custom navigation buttons to the respective anchor points using the format “#services” and “#case-study”.
6. Save the changes and test the smooth scrolling effect on the live page.
By following these steps, the user will be able to achieve the desired smooth scrolling effect when clicking on the navigation bar words.
Readers are encouraged to check the comments below this article and visit the source link provided for further responses and updates on this topic in the “GHL Experts” Facebook group.
Source
Found this video
https://youtu.be/k4EGA95ZK4o
Hope it helps