WordPress Site - Fix on Scroll / Sticky Extension places button behind other elements on scroll

The Sarge
4 Posts
The Sarge posted this 28 February 2017

Hi,
I've working on the following site - http://development.sergeanthost.com/lumberjackswa/ and have placed a 'quote' button on the home page as a landing page element.

I want this button to scroll down the page as the user scrolls, and I've used the buult in extension that works off bootstrap affix BUT when it starts to scroll it moves behind all other elements, and is unclickable as a result.

Anyone know how to fix this or why this happens? I've tried changed z-index orders but it does not work.

Thanks in advance!

Hi, I've working on the following site - http://development.sergeanthost.com/lumberjackswa/ and have placed a 'quote' button on the home page as a landing page element. I want this button to scroll down the page as the user scrolls, and I've used the buult in extension that works off bootstrap affix BUT when it starts to scroll it moves behind all other elements, and is unclickable as a result. Anyone know how to fix this or why this happens? I've tried changed z-index orders but it does not work. Thanks in advance!
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 01 March 2017

Hi,

You are welcome. Feel free to contact us in any other occasion.

Sincerely,
Hella

Hi, You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella
The Sarge
4 Posts
The Sarge posted this 01 March 2017

Thanks Olivia, this worked for most elements.

I cant change the footer z-index as I need it for modal support, but the rest is now fine.

Thanks for your quick and helpful response!

Thanks Olivia, this worked for most elements. I cant change the footer z-index as I need it for modal support, but the rest is now fine. Thanks for your quick and helpful response!
Support Team posted this 01 March 2017

Hi,

Please try the following solution:

  1. set z-index 1 for Section with button:

    section-z-index-3.png

  2. set z-index -1 for the footer in the same way.

This should help.

Thank you,
Olivia

Hi, Please try the following solution: 1. set z-index **1** for Section with button: !section-z-index-3.png! 2. set z-index **-1** for the footer in the same way. This should help. Thank you, Olivia
You must log in or register to leave comments