Hi! For some reason on some of my blog pages the button at the top moves and runs into my navigation
https://www.coastalnaturalmedicine.com/naturopathic-travel-tips-for-summer/

Do you have any way to fix this?

  • Jasper replied to this.

  • Hi emilyrath !

    I see that you've given the .buttonizer class a position: absolute, this means that the button won't stay fixed and move with the webpage. Also the button is set to percentage.

    The position: absolute behavious differently than the default position: fixed we use at Buttonizer. The fixed position uses always the screen height to position while the absolute position may use the full height of the webpage as well. In your case it looks like your buton moves slightly a percentage if the height changes.

    This blog article makes the page longer than the average page on your website so the button moves. That's probably why that's happening. I suggest using position fixed instead of absolute and it will fix the issue 🙂

      Hi emilyrath !

      I see that you've given the .buttonizer class a position: absolute, this means that the button won't stay fixed and move with the webpage. Also the button is set to percentage.

      The position: absolute behavious differently than the default position: fixed we use at Buttonizer. The fixed position uses always the screen height to position while the absolute position may use the full height of the webpage as well. In your case it looks like your buton moves slightly a percentage if the height changes.

      This blog article makes the page longer than the average page on your website so the button moves. That's probably why that's happening. I suggest using position fixed instead of absolute and it will fix the issue 🙂

        13 days later

        Great! Thank you!! I have changed it to fixed but now it scrolls down the page when I want it to stay at the top in the header and not move with the scroll. Any idea how to acheive this? Thanks!

          Hi emilyrath , thanks for the update!

          Unfortunately we do not support that out of the box. Then you might give the group indeed a position: absolute; and position the group vertically in pixels instead of percentages. In this case pixels will be more reliable and should stay on the same positon for all pages.

          We do have a knowledge base article about how you can use pixels instead of percentages for positioning buttons in Buttonizer, but it's a PRO feature: https://community.buttonizer.pro/knowledgebase/54-can-i-place-the-sticky-buttons-everywhere-i-want

            5 days later
            Buttonizer Home Pricing Features Knowledgebase GDPR Compliance Get Buttonized