Elementor - Return to the Top Button as a Sticky Button

Поделиться
HTML-код
  • Опубликовано: 2 дек 2024
  • ХоббиХобби

Комментарии • 47

  • @Melissa_Lawrence
    @Melissa_Lawrence 2 года назад +6

    I swear u read my mind with these videos u post up at night! They have been ones that I need in the moment of where I'm at in a project! Love it

  • @genewilson81
    @genewilson81 9 месяцев назад +1

    Awesome job! You make it so simple and easy to follow. Thanks!

  • @carysbulmer8357
    @carysbulmer8357 Год назад +2

    Hey - I absolutely love your videos! Thanks for being such a great teacher. So - my only issue is that the only option not showing up is 'positioning' everything else is there just not that section... any ideas? Yes I have up to date elementor and wordpress...

    • @websquadron
      @websquadron  Год назад

      Set the width in the advanced tab to be custom and then the field will appear

  •  2 года назад +2

    Is it possible to hide scroll to top button when we're already on top? I mean, showing that button on when start scrolling.

    • @websquadron
      @websquadron  2 года назад +3

      You would add a Scrolling Effect - with Fade - when it fades in after you scroll down a bit/a lot.

    • @jlingvall
      @jlingvall 10 месяцев назад

      @@websquadron how do you do this?

    • @websquadron
      @websquadron  10 месяцев назад +1

      Go to the Advanced Tab > Motion Effects > Fade In/Out and then set your start and end points. I would recommend setting to 50% start and 100% end@@jlingvall

    • @jlingvall
      @jlingvall 9 месяцев назад

      thank you!@@websquadron

  • @MikeHudsontek
    @MikeHudsontek Год назад

    Thanks, what's the difference between adding this Menu Anchor widget and just setting a CSS ID?

    • @websquadron
      @websquadron  Год назад

      It's just another way of doing it.

  • @sayedhridoy5756
    @sayedhridoy5756 Год назад +1

    How can I set this button for every page? I have pages like 100 so it is difficult to create this button for every page. Plese brother tell me how can I do that?

    • @websquadron
      @websquadron  Год назад +1

      Add the Menu Anchor to the Header. And add the Button to the Header too, and then set it based on Absolute Positioning. Because it's in the Header it will repeat. Or set it as a Page Template for the Entire Site.

    • @sayedhridoy5756
      @sayedhridoy5756 Год назад

      @@websquadron Thank you🥰

    • @AdinaMaria-ft5bk
      @AdinaMaria-ft5bk Месяц назад

      @@websquadron if i want to remove it, were do i find it? Cause it’s not anymore in elementor.. thx!

    • @websquadron
      @websquadron  Месяц назад

      @@AdinaMaria-ft5bk go to where you created it

  • @mariano-cucinotta
    @mariano-cucinotta 2 года назад

    Hi, is it possible to make it appear from hidden position at the top and in the middle of the page make it scroll with animation and place it at the bottom?
    Thanks

    • @websquadron
      @websquadron  2 года назад +1

      Yes if you add a scrolling effect (inside motion effects) based on transparency

    • @mariano-cucinotta
      @mariano-cucinotta 2 года назад +1

      @@websquadron Thanks for the reply, have you done any tutorials about this yet?

  • @BerniceNelson
    @BerniceNelson 2 года назад

    I'm having problems with mine. When I click the icon it only scrolls up a centimeter on the screen. I followed step by step but I don't know what it could be. Could you possibly know the glitch?

    • @websquadron
      @websquadron  2 года назад +1

      Hey Bernice.
      Is the Menu Anchor for the Top set in your Header?
      Maybe add it to the top of the page (and not the header).

    • @BerniceNelson
      @BerniceNelson 2 года назад +1

      Thanks @@websquadron. I see when I tried to make it fixed so it doesnt make a gap where it is placed, it doesn't scroll properly. It works now in my blog (on default) :) I'll have to play around to try get it on my entire site.

  • @JosefineJensen-i3v
    @JosefineJensen-i3v Год назад

    Thank you so much for your videos, they help a lot! It seems like I have a problem with my button. I have followed each step in this tutorial, and customized it with colors, but somehow, instead of being green and white plus hovering effects, it shows a a blue simple button on the "live-page". In elementor, it shows as wanted, just not on the actual website. I made it in the page header through Theme Builder, can it have something to do with that or is it something else? I have tried putting it on a regular page too, but that didn't seem to solve it.

    • @websquadron
      @websquadron  Год назад

      Hi. Have you regenerated the CSS?
      And purged the site?

    • @JosefineJensen-i3v
      @JosefineJensen-i3v Год назад

      @@websquadron I have regenerated the CSS in Elementor. Not purged the site

  • @EmilyHicks
    @EmilyHicks Год назад

    I've got a problem with this! On my latest Elementor site, my page has a return to the top button as default, but I can't find where to disable/change the icon ANYWHERE! Anyone else? Please help! x

    • @websquadron
      @websquadron  Год назад

      Is it on your header template? Or footer template?

    • @MorbidLyre
      @MorbidLyre 10 месяцев назад

      You have to remove it from the options of the original Wordpress template, same thing happened with me.

  • @sarahva
    @sarahva 8 месяцев назад +1

    Thank you - I really appreciate it!

  • @DKingFisher
    @DKingFisher Месяц назад

    I have a sticky header. And that's where the issue is. It's not working. When I click the button, it only scrolls a few lines up. If I disable the sticky header, it works flawlessly

    • @websquadron
      @websquadron  Месяц назад

      That sounds odd. Difficult to diagnose for me.

    • @DKingFisher
      @DKingFisher Месяц назад

      @@websquadron I have found a work-around. I just added a blank section above the sticky header and assigned the anchor tag ID to it instead of sticky header. That fixed the issue.

  • @mbuachege7639
    @mbuachege7639 6 месяцев назад +1

    Great Job👍

  • @mcbroccolinnen
    @mcbroccolinnen Месяц назад

    THANK YOUUUU❤

  • @MondoLizzie
    @MondoLizzie 5 месяцев назад +1

    Thank you thank you thank you thank you!

  • @bridgetcucksey1348
    @bridgetcucksey1348 Год назад

    Great explanation!

  • @ignaxing
    @ignaxing 2 года назад +1

    Lovely!!!!! Thank you!!

  • @jewishprayer
    @jewishprayer Год назад

    thank you

  • @abdouchokri2382
    @abdouchokri2382 Год назад

    thank you bro

  • @tekno7
    @tekno7 Год назад

    sticky header problem

    • @websquadron
      @websquadron  Год назад +1

      What kind of problem?

    • @tekno7
      @tekno7 Год назад

      @@websquadron It was scrolling by millimeters in the sticky header. I solved it with css code

    • @tekno7
      @tekno7 Год назад

      @@websquadron Pagination on elementor loop grid, product archive page does not work. I couldn't find how to overcome the problem. Can you please tell me how to solve this problem?

    • @ararat5137
      @ararat5137 10 месяцев назад

      Having the same problem. Can you share the way you solved this issue with the sticky headers?@@tekno7