Button rendered over sticky header

  • Resolved Kuppelofen.de

    (@kuppelofen1)


    4 years, 1 month ago

    Hi,
    I have an issue with the Express Checkout button. It is rendered over the Sticky header of my page. That looks weird.
    If you check any of my product pages and scroll down (desktop and mobile version) the button does not disappear behind the header bar as all the other contect but scrolls over it. It’s not functionally problematic but it does look weird and definitely isn’t as expected.
    I’m running the newest version of Woo, Flatsome, German Market etc. Not sure where to start so I started with the button plugin ??

    Cheers,
    Tom

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Andreas W.

    (@aweissinpsyde)

    Hello @kuppelofen1

    Please try to add that code:

    .header, .header-wrapper {
    width: 100%;
    z-index: 1000;
    position: relative;
    background-size: cover;
    background-position: 50% 0;
    -webkit-transition: background-color .3s, opacity .3s;
    -o-transition: background-color .3s, opacity .3s;
    transition: background-color .3s, opacity .3s;
    }

    to your custom CSS code.

    I would also recommend contacting the theme developer because it seems the header has a higher/lower index than the button.

    Best regards
    Andreas

    Thread Starter Kuppelofen.de

    (@kuppelofen1)

    Thanks a lot! Unfortunately the CSS code does not make the header sticky anymore, therefore I can’t calidate the solution. Anyhow, I contacted the theme developers with your suggestion and I hope they will help me.

    Grü?e!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Button rendered over sticky header’ is closed to new replies.