Page Scroll to ID Widget Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Page Scroll to ID Widget
Now Drag and Drop Page Scroll to ID widget
Position
Repeater (Icon or Text with Tooltip)
Add multiple navigation items using icons or text labels. You can also enable tooltips to provide additional information when hovering.
Manage Offset
Set a custom offset to adjust the scroll position for better alignment with fixed headers or sticky menus.
Show After Scroll Offset & Section Offset
Decide after how much scrolling (in pixels) the navigation should appear, keeping the UI clean until users scroll down.
Define extra spacing between the scroll target section and the actual stop position for precise control.
Control how fast the page scrolls to the selected section by adjusting the scroll animation speed.
Hide Page Scroll on Screen Sizes
Option to hide the scroll navigation on selected devices for a better responsive experience.
Disable Tooltip on Mobile
Turn off tooltips on mobile devices to avoid overlapping or UI clutter on smaller screens.
Hashtag in URL
Enable or disable section hashtags in the browser URL when scrolling. Helpful for sharing direct links to specific sections.
Style Tab
Item Style TAb
In this tab, You can manage Padding, Margin, Width, Height and Typography of Item.
Also, You can manage Color, Background, Border, Shadow, Transition and Transform CSS for Normal and Hover/Highlight State.
Tooltip Style Tab
In this tab, You can manage Alignment, Width, Height, Padding, Typography and So on…
Box Style Tab
In this tab, You can manage Padding and Background, Border, Shadow and Transform CSS for Normal and Hover State.
