Create A Back To Top Button On Elementor Free | Floating Scroll To Top ⬆️

Create a floating scroll to top button on Elementor.

🔵 Join Our Facebook Community!

🟢 Tech Support:

🟢 My Web Agency:

MY COURSES:

🟣 Elementor Mobile Responsive Course

🟣 Website Building Factory Course

PRODUCTS I USE FOR MY WEBSITES:

🔴 Get Elementor Pro - My Favorite Page Builder

PRIVATE GROUP:

🔵 Join My Patreon & Get Design Downloads

CONTACT ME:

#elementor​​​

[robketelaars]

For the people who are having this problem "clicking the scroll to top button only scrolls a small percentage of the way up."

You need to put a anchor tag above the header instead of putting the link in the header itself.

This is because you have a sticky header.

[Designyourownblog]

this tutorial is the best one I've seen about how to do this correctly, thanks Uriel. Btw, it doesn't work when you have a sticky header, so here's what I did: added another section to my header (below the sticky section) and added the 'scrollup' ID to that section instead. Then I set margin/padding to 0, columns gap to No Gap and outer section padding to No Padding. That did the trick for me.

[ngltbhimo]

I've been toiling with this for the last 2 days. Your video let me do it in 20 min. Thank you so much

[PCKUPTHEPACE]

I have watched so many of your videos. All very helpful. Thank you Uriel

[newtrinohair]

Thank you so much Uriel! Great tutorial covers everything I needed. Really appreciate it

[miriamcuevas]

Excellent! I thought this was only possible with Elementor Pro. Thanks a lot!

[ashishrawal]

Thanks Uriel. You have explained it quiet nicely.. Keep doing the good work. Million thanks !

[Nistorakee]

perfect explanation and work flow! thank you!

[geoffreyvanhulle]

Thank for the tutorial...It works on every page but I only have the problem that the speed of scrolling up is very very slowly. I use pro and I have put my arrow icon in the footer and the id in my header as you mentioned in the video...what to do to speed this scrolling up

[darkangel]

Thank you, Uriel! This is easy to understand and very helpful.

[adamthorntonillustration]

Thanks very much indeed for this, Uriel. Really helpful!

[peterobrien]

Great work thanks, got it working first time

[billyristuccia]

The only problem is you never show a scroll to top button when you are at the top of a page. So there is a step missing. The button should only show after you have scrolled down the page to a certain distance. How would you achieve that?

[theroyz]

Thanks for sharing; this one helped me a lot.

[Foz]

Thank you so much for your explanation it is very clear.

[coolestnerdever]

Thank you so much for this video. When I click my button it only scrolls a little bit upward but not all the way to the top. I have it linked to the header. Any idea why this might be happening?

[veronika.cvergaran.]

Gracias, vi varios tutoriales en español y ninguno me gustó, he realizado el tuyo con subtitulos y lo entendí perfectamente. Thanks.

[elbouhamedyfaissal]

its' first time i see your video, thank you for simple tutorial bro i hope you have great day

[superMrsMaddox]

Thank you SO much! Works great, except that the arrow goes behind images that are part of a section's background... Could you suggest a solution for that? I inherited this site, WP is new to me, I'm an old school coder...

[veronika.cvergaran.]

Gracias por tus videos. es normal que con Elementor PRO la base de datos pese tanto? tengo un sitio que no tiene tantas páginas y la base de datos pesa mas de 1GB y me han dicho los del hosting que eso es demasiado