*SOLVED* Can't interact with links in Sticky-Layer behind masterpage

[etcbbu]

Hi all, how do I get around this issue?

Go here:

https://mcintyrebuilderstyler.com/index.php
(Currently not working on mobile, so please look at it from a device with a wider pixel-width than 320-pixels wide, like, larger than a smartphone)

Notice that the Sticky Layer that's on the left-side of the screen doesn't let you hit its links until user scrolls down the page such that the Sticky Layer is no longer sort of "behind" the "masterpage" that is called (which is the big graphic and big white space at the top of the screen) .

How can I get a around this? I want the user to be able to hit those links even when they Sticky Layer is up high and on the same level as that "masterpage" that is being called, at the top of the page.

[etcbbu]

Any ideas?? Do I need to post my Project file..?

[etcbbu]

If I change the position on this "Sticky" Layer on the left side of the screen to be positioned "Left Center", "Left Bottom", which sort of makes it possible to interact with it, it still seems to be hidden behind the following things on this page:

- it still hides behind that Top "PageHeader" object which means that when I have it programmed to be up at the top-let of the page when it is in the viewport, when it is behind that top PageHeader Layer, the user is unable to click any of the links and interact with it

- it seems to be tucked behind that Blue Layer that is at the bottom of the screen

[Pablo]

You can use this code to place the layer on top of all other element:

Code: Select all

<style>
#mcintyrebuilderstylerindexLayer3 
{
	z-index: 9999 !important;
}
</style>

[etcbbu]

I put it in

Page HTML >> Between body

Is that correct?

It's seeming to work, just wanted to see if that's what you intended.

[Pablo]

I recommend to add it between the head tags.

[etcbbu]

It is working great, thank you so much, Pablo!

WYSIWYG Web Builder is THE BEST!

[etcbbu]

If I needed a second one on every page, would I set another one with this second Layer, but change it to be like this:

Code: Select all

<style>
#mcintyrebuilderstylerindexLayer3 
{
	z-index: 9998 !important;
}
</style>

?

[Pablo]

Just change the ID to the name of the second layer.