⬆️ Scroll down to see the button appear!
Add Smooth Scroll-to-Top Navigation
Help visitors return to the top of your pages instantly with a customizable scroll-to-top button. Perfect for long pages, blogs, and mobile users who need quick navigation.
Better Navigation, Happier Users
A simple button that makes a significant difference in user experience.
Enhanced User Experience
Simplify navigation and improve browsing experience by allowing instant return to the top of any page.
Save Time & Effort
Eliminate endless scrolling on long pages. Users can jump back to navigation menus instantly with one click.
Mobile-Friendly
Especially useful on mobile devices where scrolling can be tedious. Improve mobile user satisfaction dramatically.
Better Accessibility
Help users with limited mobility navigate your site more easily by reducing the need for extensive scrolling.
Fully Customizable
Match your brand with custom colors, icons, sizes, and positioning. Complete control over appearance.
Quick Setup
Add the button in minutes. Enable globally or per-page with simple settings. No coding required.
Add Scroll Button in 3 Steps
Get your scroll-to-top button live in under 2 minutes.
Enable the Module
Go to HT Mega settings and activate the "Scroll To Top" module from the Modules section.
Choose Display Method
Enable globally across your entire site or activate per-page in Elementor settings for specific control.
Customize & Publish
Adjust position, colors, icon, size, and animation to match your brand, then publish your changes.
Customize Every Detail
Make the button perfectly match your website design and brand identity.
Position Control
Place button in any corner or position. Adjust bottom and side spacing precisely.
Color Customization
Set custom colors for icon, background, and hover states to match your brand.
Size Options
Control button width, height, and icon size for perfect visual balance.
Icon Selection
Choose from hundreds of icons or upload your own custom icon design.
Hover Effects
Add smooth hover animations, color transitions, and shadow effects.
Global or Per-Page
Enable site-wide or control individually on specific pages where needed.
Ideal for Content-Heavy Sites
Add scroll-to-top buttons where they provide the most value.
Long Blog Posts
Help readers navigate lengthy articles and return to navigation menus quickly.
e-Commerce Pages
Let shoppers return to category filters and search after viewing product details.
Landing Pages
Guide visitors back to important CTAs and navigation after reading content.
Documentation
Make technical docs easier to navigate by allowing quick jumps to the top.
Event Schedules
Assist visitors in navigating long schedules and returning to main event details easily.
Member Dashboards
Allow users to quickly navigate back to dashboard menus after scrolling through content.
Common Questions
Is this a free or pro feature?
The Scroll To Top is available in the free version with basic options, while HT Mega Pro unlocks more advanced features and customization.
Can I customize the button design?
Yes! Customize position, size, colors, icons, hover effects, shadows, and more to match your brand perfectly.
Does it work on mobile devices?
Absolutely! The button is fully responsive and particularly useful for mobile users who scroll through long content.
Can I disable it on specific pages?
Yes! Enable it globally and disable on specific pages, or only activate it on selected pages where you need it.
Can I change the scroll speed?
Absolutely! You can adjust the scroll speed for a smooth or faster scroll experience.
Does it affect page load time?
No, it is lightweight and optimized to have minimal impact on site performance.