Sticky-bar issues

  • Resolved jddouglas73

    (@jddouglas73)


    1 year, 1 month ago

    WP theme: Bridge

    Sticky-bar sign-up form in the site header. Issues with the “X” appearing in the upper right corner of the form allowing users to remove the form. The X appears ok on mobile devices, but on a computer screen it is only half visible. Tried shifting it down with custom CSS, but so far nothing has worked. The other issue is the removal X is not working correctly. When clicked, the X itself goes away but the form does not. Any solution ideas for these two issues are welcome. Thx.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Kit

    (@convertkit)

    You need to:

    • Remove duplicate <script async data-uid="c902b90fc8" src="https://bucket-art.ck.page/c902b90fc8/index.js"></script> entries (there’s 3 on that page – two look like ones you’ve manually added to your theme, which can probably be removed)
    • Remove custom CSS you’ve added for the sticky bar
    • Add the following custom CSS to force the sticky bar to display above your site’s content (it seems your site’s header or container has a z-index property that’s causing the issue, but it’s hard to precisely identify)
      .formkit-sticky-bar { z-index: 9999; }

    The sticky bar will then display correctly, above your site’s content.

    Thanks!

    Thread Starter jddouglas73

    (@jddouglas73)

    Thank you! I did not realize the form javascript was on the site multiple times. I was under the impression it had to be added manually. I’m still learning about this plugin :-} Anyway, the form is working correctly now.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sticky-bar issues’ is closed to new replies.