Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-3595

Usabilla mobile buttons not "Sticky" on mobile screens - remove CSS

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Won't Fix
    • Icon: Blocker Blocker
    • None
    • Block: Cookies
    • Sprint #90

      We noticed in many sites that most of the buttons on mobile do not “Stick” at the bottom of the screen, remaining floating in the middle of the page while scrolling content.
      See for example:

      *Canada

      • Africa
      • Czech
      • Japan
      • Brazil
      • Mexico

      After investigating the matter further, Usabilla support noticed that the issue is caused by an extra code added to the button implementation code.
      As you can see in the screenshot below, an additional code has been added to place the feedback button on top of the cookie policy's banner.

      body div.usabilla_live_button_container {
      top: auto!important;
      bottom: 25%!important;
      }

      By* deselecting* the CSS property bottom: 25%!important, the button should return to its original position.

      I assume the reason why the extra code has been implemented, it's because you wanted to make the button visible even with the banner open, but this is not the correct behavior. However, by using the z-index property, you can decide to move the button behind the banner, so when the button is closed, the button is placed in the correct position.

      I hope this helps. If you have any other questions, feel free to contact Support@usabilla.com

        1. image-2019-05-31-14-46-22-400.png
          1.27 MB
          Luca Tiralongo
        2. image-2019-05-31-14-46-32-720.png
          1.28 MB
          Luca Tiralongo
        3. IMG_3067.PNG
          823 kB
          Luca Tiralongo
        4. IMG_3070.PNG
          109 kB
          Luca Tiralongo
        5. IMG_3071.PNG
          932 kB
          Luca Tiralongo
        6. IMG_3072.PNG
          363 kB
          Luca Tiralongo

            pcuadrad Pablo Cuadrado (Inactive)
            ltiralon Luca Tiralongo
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: