Back To Top button doesn't work until footer is offscreen

[doughballs]

Hi there. The back to top button is being generated and works fine unless the footer is visible. If the footer is visible, you can’t click the button. If I put a z-index of 1 on the x-colophon (footer) in inspector, it fixes the issue, but if I put the same css rule in global css, it is not applied. Link attached. Cheers.

[ruenel]

Hello @doughballs,

Thank for writing in!

By default, the z-index of the scroll to top button is only 1031 and the footer has 9999. This is why the button will be behind the footer. To resolve this, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

a.x-scroll-top {
    z-index: 160000;
}

Then go to Pro > Theme Options > Miscellaneous and insert 25 as the value of the “When To Show The Scroll Top Anchor”.

We would love to know if this has worked for you. Thank you.

[doughballs]

Hey Rui,

It didn’t work - but adding an !important flag fixed it! Cheers

Sean

[friech]

Hi Sean,

Glad to hear that,

Cheers!